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第 2 版 前 言 


《电子 商务 网 站 建设 与 管理 》 作 为 一 本 面向 应 用 型 本 科 电子 商务 及 相关 专业 的 教材 ， 
自 2012 年 1 月 出 版 以 来 ， 受 到 广大 院 校 师 生 的 欢迎 与 好 评 。 两 年 的 时 间 ， 教 材 先后 8 次 
印刷 ， 累 计 印 数 达到 19 000 册 ， 已 经 被 全 国 40 余 所 高 校 采 用 ， 其 中 包括 多 所 重点 大 学 。 

本 书 虽 然 取 得 一 定 成 绩 ， 但 第 1 版 教材 也 存在 两 个 问题 。 

一 是 国内 外 电子 商务 产业 的 发 展 日 新 月 异 ， 电 子 商 务 网 站 的 理论 教学 、 实 战 训练 和 人 
才 培 养 等 都 面临 全 新 的 挑战 。 原 来 新 颖 的 教材 ， 由 于 时 光 流 逝 ， 某 些 案例 或 某 些 技术 已 显 
得 陈旧 ， 难 以 全 面 反映 现实 。 因 此 ， 根 据 客观 形势 的 变化 情况 加 以 修订 补充 ， 既 是 新 时 代 
的 迫切 要 求 ， 也 是 学 科 逐 步 完 善 的 必 经 步骤 。 

二 是 在 给 很 多 企业 做 培训 时 ， 发 现今 天 的 企业 网 站 仍 存在 大 量 的 问题 ， 而 这 些 问 题 在 
第 1 版 教材 中 并 未 得 到 重视 和 解决 。 例 如 : 

@ ”为 什么 花 了 很 多 钱 做 的 精致 美观 的 网 站 ， 没 人 浏览 、 没 有 询 盘 ? 

@ ”为 什么 搜索 引擎 中 搜索 公司 产品 关键 词 ， 搜 索 结果 前 几 页 都 没有 自己 网 站 的 

页 面 ? 
@ ”为 什么 做 了 推广 ， 增 加 了 网 站 的 访问 量 ， 转 化 率 却 持续 走低 呢 ?” 如 何 才 能 让 客户 
信任 我 们 呢 ? 

应 该 说 随 着 电子 商务 发 展 ， 企 业 建 了 自己 的 网 站 平台 是 一 件 好 事 。 但 是 ， 大 多 数 企业 
站 点 的 现状 并 不 乐观 ， 网 站 大 多 与 同行 网 站 同 质 化 ， 没 有 自己 差异 化 的 内 容 和 特色 ， 并 且 
网 站 长 期 没有 人 维护 ， 没 有 与 客户 的 互动 ， 没 有 黏 性 ， 更 谈 不 上 流量 与 转化 ， 企 业 网 站 基 
本 沦落 为 一 个 摆设 。 因 此 ， 针 对 企业 平台 建设 和 管理 中 存在 的 问题 ， 增 加 营销 型 网 站 建设 
与 维护 等 内 容 也 是 形势 使 然 。 

第 2 版 教材 是 在 第 1 版 教材 基本 框架 的 基础 上 进行 修订 的 ， 在 尽量 保持 原版 特色 、 组 
织 结构 和 内 容 体系 不 变 的 前 提 下 ， 努 力 在 “电子 商务 行业 案例 、 营 销 型 网 站 建设 、 网 站 优 
化 和 网 站 流量 统计 分 析 ” 等 内 容 的 时 效 性 方面 有 所 更 新 和 充实 。 修 订 的 主要 内 容 如 下 。 

第 1 篇 电子 商务 网 站 及 建站 流程 。 本 次 修订 对 第 1 版 中 有 关 案 例 内 容 做 了 删 减 和 补充 ， 
增加 了 营销 型 网 站 案例 的 介绍 ， 引 入 了 营销 型 网 站 、 电 子 商务 网 站 评价 指标 等 概念 。 

第 2 篇 基本 建站 技术 。 本 次 修订 ， 针 对 网 页 前 台 设 计 ， 增 加 了 目前 更 为 流行 更 具 优势 
的 DIV+CSS 布局 的 内 容 , 并 通过 实例 讲解 以 提高 可 操作 性 ; 对 于 建站 , 除了 介绍 VBScript 
脚本 语言 、 数 据 库 基 础 和 ASP 技术 等 网 站 建设 的 基本 理论 和 方法 , 增加 了 更 方便 快捷 的 利 
用 CMS 系统 搭建 企业 平台 的 方法 ， 并 通过 实例 讲解 以 提高 实用 性 。 

第 3 篇 网 站 安全 及 运营 管理 。 企 业 的 网 站 一 定 是 能 够 营销 的 ， 电 子 商 务 网 站 作为 企业 
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的 窗口 ， 不 仅 要 实现 产品 的 展示 和 企业 形象 的 宣传 ， 更 重要 的 是 通过 网 站 实现 在 线 营 销 和 
交易 ， 拓 宽 发 展 空间 ， 提 高 企业 内 部 的 生产 、 管 理 和 服务 水 平 。 很 多 传统 网 站 之 所 以 没有 
流量 和 转化 ， 原 因 不 仅仅 是 平台 建设 的 问题 ， 也 有 网 站 运营 与 管理 的 问题 。 因 此 ， 本 次 修 
订 对 本 篇 内 容 做 了 比较 多 的 改动 ， 大 体 归纳 起 来 包括 以 下 三 个 方面 : 
(1) 以 2014 年 上 线 的 《百度 搜索 引擎 网 页 质量 白皮书 》 为 蓝本 , 针对 网 站 优化 (SEO) 
的 内 容 做 了 修改 和 补充 ， 重 点 指出 网 页 是 否 满足 用 户 需求 、 能 和 否 带 给 用 户 良好 体验 ， 是 搜 
索引 擎 确定 结果 排序 的 重要 依据 ， 从 而 澄清 部 分 人 一 谈 到 做 优化 就 是 盲目 做 外 链 的 误区 。 
(2) 本 次 修订 还 增加 了 网 站 流量 统计 分 析 的 内 容 ， 通 过 分 析 用 户 的 来 源 、 是 哪些 关 
键 字 或 是 哪 种 推广 策略 发 挥 了 作用 等 问题 ， 可 有 效 解决 企业 目标 客户 群 的 定位 ， 及 时 掌握 
网 站 推广 的 效果 ， 减 少 盲目 性 ， 从 而 更 好 地 实现 网 站 的 推广 和 企业 的 营销 目标 。 
(3) 增加 了 企业 网 站 可 信 度 建设 的 几 个 方法 。 
感谢 众多 院 校 师 生 的 支持 和 信任 ， 也 再 次 感谢 清华 大 学 出 版 社 第 六 事业 部 的 长 期 支 
持 ， 是 编辑 老师 的 热情 帮助 、 鼓 励 及 高 效 工作 ， 才 使 得 本 书 得 以 出 版 发 行 。 
虽然 编者 在 本 次 修订 过 程 中 力求 严谨 和 正确 ， 但 限于 学 识 水 平 与 能 力 ， 书 中 不 足 乃 至 
错误 之 处 在 所 难免 ， 委 切 希望 读者 批评 指正 。 
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第 1 版 前 言 


随 着 互联 网 的 发 展 和 普及 ， 电 子 商务 已 经 渗透 到 各 行 各 业 。 电 子 商 务 网 站 作为 企业 的 
窗口 ， 不 仅 能 够 实现 产品 的 展示 和 企业 形象 的 宣传 ， 而 且 通 过 网 站 在 线 交 易 ， 能 够 降低 企 
业经 营 成 本 ， 拓 宽 发 展 空间 ， 提 高 企业 内 部 的 生产 、 管 理 和 服务 水 平 。“ 电 子 商 务 网 站 建 
设 与 管理 ”是 电子 商务 专业 的 核心 基础 课程 ， 通 过 本 课程 的 学 习 ， 学 生 将 掌握 如 何 规划 网 
站 、 建 设 网 站 与 管理 网 站 等 相关 知识 和 技能 ， 从 而 为 将 来 在 各 类 企 事 业 单 位 从 事 电 子 商 务 
网 站 构建 、 管 理 等 工作 葛 定 坚实 的 基础 。 

全 书 分 3 篇 ， 共 11 章 。 

第 1 篇 为 电子 商务 网 站 及 建站 流程 。 包 括 第 1 一 3 章 ， 主 要 介绍 了 电子 商务 网 站 的 基 
本 概念 、 电子 商务 网 站 建设 的 工具 、 网 站 的 规划 与 设计 、 网 站 服务 器 方案 的 选择 及 建站 流程 。 

第 2 篇 为 基本 建站 技术 。 包 括 第 4 一 9 章 ， 内 容 包 括 HTML 语言 、Dreamweaver 设计 
网 页 的 基本 操作 、VBScript 脚本 语言 和 数据 库 基 础 的 简要 介绍 ， 以 及 ASP 的 内 置 对 象 ， 最 
后 以 网 上 书店 为 例 介绍 了 电子 商务 网 站 的 设计 与 开发 方案 。 

第 3 篇 为 网 站 安全 及 运营 管理 。 包 括 第 10~11 章 ， 介 绍 了 电子 商务 网 站 的 安全 、 运 
营 与 管理 、 电 子 商 务 网 站 的 推广 以 及 网 站 的 SEO 优化 技术 等 内 容 。 

本 书 遵循 “理论 够 用 、 注 重 应 用 ”的 原则 ， 把 培养 学 生动 手 能 力 、 岗 位 实践 能 力 放 在 
第 一 位 , 注重 实际 项 目 开发 能 力 的 引导 和 培养 。 围绕 网 站 开发 , 书 中 采用 了 大 量 典 型 案例 ， 
突出 技能 应 用 ,循序渐进 地 介绍 了 电子 商务 网 站 开发 过 程 中 的 方法 和 技巧 。 此 外 ， 本 书 的 
每 一 章 后 面 都 精心 设计 了 思考 与 练习 、 技 能 实 训 两 个 模块 ， 针 对 每 一 章 的 重点 和 难点 进行 
训练 ， 便 于 读者 掌握 电子 商务 网 站 开发 的 基本 过 程 和 方法 。 

需要 强调 的 一 点 是 ， 对 于 书 中 案例 及 章 后 的 技能 实 训 模块 ， 一 定 要 亲自 上 机 实践 ， 只 
有 多 上 机 才能 发 现 问题 、 解 决 问题 ， 这 样 才能 取得 事半功倍 的 效果 。 

为 了 方便 教学 ， 本 书 配备 有 电子 课件 、 案 例 源 代码 、 实 训 素材 及 课 后 习题 答案 。 电 子 
课件 及 教学 资源 均 与 教材 配套 ， 可 以 在 课堂 教学 中 直接 使 用 。 

本 书面 向 应 用 型 本 科 电 子 商务 专业 ， 同 时 适用 于 高 职高 专电 子 商务 专业 、 计 算 机 专业 
及 相关 专业 的 学 生 ， 也 可 供 从 事 电 子 商务 网 站 设计 和 开发 的 技术 人 员 参 考 使 用 。 

本 书 在 编写 过 程 中 参考 了 大 量 的 相关 资料 ， 汲 取 了 许多 同仁 的 宝贵 经 验 ， 在 此 深 表 谢 
意 。 另 外 ， 本 书 的 出 版 得 到 了 清华 大 学 出 版 社 的 领导 与 编辑 的 大 力 支持 和 帮助 ， 在 此 一 并 
表示 诚挚 的 感谢 。 

由 于 编者 水 平 有 限 ， 书 中 难免 会 有 朴 漏 和 不 足 之 处 ， 奶 请 各 位 老师 和 同学 批评 指正 。 
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2011 年 10 月 
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内 

和 [学 目标 
CD 了 解 电子 商务 网 站 的 概念 和 功能 。 
@ 掌握 电子 商务 网 站 的 分 类 和 构成 。 
@ 了 解 电 子 商 务 网 站 的 建设 工具 。 


随 着 互联 网 的 普及 ,电子 商务 已 经 渗透 到 各 行 各 业 。“ 要 么 电子 商务 , 要 么 无 商 可 务 ”， 
比尔 。 盖 茨 的 一 句 名 言 已 经 越 来 越 接近 现实 。 当 金融 危机 来 临 ， 大 量 传统 企业 纷纷 倒 下 的 
同时 , 我 们 看 到 更 多 的 企业 借助 电子 商务 逆 势 飞扬 。 中 国 互联 网 络 信息 中 心 (CNNIC) 2015 
年 1 月 发 布 的 《第 35 次 中 国 互联 网 络 发 展 状况 统计 报告 》 显 示 ， 截 至 2014 年 12 月 ， 中 
国 网 民 规模 达到 6.49 亿 ， 中 国手 机 网 民 规模 达 5.57 亿 ， 网 购 用 户 规模 达到 了 3.61 亿 ， 这 
意味 着 有 1/4 的 中 国人 进行 网 络 购物 。 从 这 个 意义 上 讲 ， 电 子 商务 所 依存 的 生态 环境 并 没 
有 伴随 金融 危机 的 到 来 而 恶化 。 相 反 ， 电 子 商 务 的 发 展 迎 来 了 新 的 机 遇 ， 越 来 越 多 的 企业 
开始 建立 自己 的 网 站 ， 搭 建 电子 商务 交易 的 平台 。 本 章 主要 介绍 电子 商务 网 站 建设 的 基础 
知识 。 


1.1 电子 商务 网 站 的 概念 和 主要 功能 


1.1.1 认识 电子 商务 网 站 


1， 电 子 商 务 网 站 案例 


在 学 习 制 作 电子 商务 网 站 之 前 ， 先 来 浏览 一 下 几 家 具有 代表 性 的 电子 商务 网 站 ， 了 解 
其 发 展 过 程 和 经 营 状 况 ， 分 析 其 商务 模式 与 赢利 模式 ， 以 加 深 对 电子 商务 网 站 的 理解 和 
认识 。 

【 例 1-1】 京东 JD.COM (如 图 1-1 所 示 ) 

京东 JD.COM， 即 京东 商城 ， 从 2004 年 创立 时 以 销售 3C 产品 为 主 ， 到 2015 年 已 经 
发 展 为 囊括 家 电 、 手 机 、 计 算 机 、 母 机 、 服 装 等 13 大 产品 种 类 ， 销 售 超 数 万 品牌 、4 020 
万 种 商品 的 综合 网 上 购物 商城 。 

作为 中 国 B2C 市 场 的 网 购 专业 平台 , 京东 商城 无 论 在 访问 量 、 点 击 率 、 销 售 量 以 及 业 
内 知名 度 和 影响 力 上 ， 都 在 国内 网 购 平台 中 具有 较 大 影响 力 。 自 2004 年 创立 至 2009 年 ， 
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京东 商城 的 年 销售 额 分 别 为 1 000 万 元 、3 000 万 元 、8 000 万 元 、3.6 亿 元 、13.2 亿 元 和 
40 亿 元 ,2014 年 则 达到 2 602 亿 元 。 过 去 10 年 里 , 京东 以 平均 300% 以 上 的 复合 增长 率 增 
长 。 即 使 在 盛产 “ 快 公 司 ” 的 互联 网 领域 ， 这 仍然 是 一 个 令 人 震 揣 的 速度 。 相 比 于 传统 渠 
道 商 ， 国 美 电器 从 创立 到 销售 额 突破 100 亿 元 ， 用 了 15 年 。 


春 涩 行动 


雾 圳 之 下 


亚 部 羊 年 开 年 大 促 


| 文 网 全 面 上 新 满 200 减 60 


图 1-1 京东 商城 首页 


京东 为 消费 者 提供 愉悦 的 在 线 购物 体验 。 通 过 内 容 丰 富 、 人 性 化 的 网 站 和 移动 客户 端 ， 
京东 以 富有 竞争 力 的 价格 ， 提 供 具 有 丰富 品类 及 卓越 品质 的 商品 和 服务 ， 以 快速 可 靠 的 方 
式 送 达 消 费 者 ， 并 且 提 供 灵 活 多 样 的 支付 方式 。 另 外 ， 京 东 还 为 第 三 方 卖家 提供 在 线 销 售 
平台 和 物流 等 一 系列 增值 服务 。 

2013 年 ， 京 东 去 商城 化 ， 全 面 改 名 为 京东 ， 随 后 更 换 LOGO， 启 用 JD.COM 域名 。 
此 外 ,“ 京 东 商城 ”这 一 官方 名 称 将 被 缩减 为 “京东 "。2014 年 3 月 ， 京 东 与 腾讯 还 签署 了 
电 商 总 体 战略 合作 协议 。2014 年 5 月 22 日 上 午 9 点 ,京东 集团 在 美国 纳 斯 达 克 挂 牌 上 市 。 

分 析 : 京东 的 愿景 是 “成 为 全 球 最 值得 信赖 的 企业 ” 定位 于 “中 国 最 大 的 直 营 类 电 
商 网 站 ” 目标 是 “要 做 中 国 、 乃 至 全 球 最 大 的 电子 商务 公司 ”。 

从 外 部 因素 上 看 ， 越 来 越 多 的 消费 者 开始 由 传统 卖场 转向 网 络 卖场 ， 这 为 京东 商城 的 
快速 发 展 提供 了 支撑 。 进 入 2010 年 后 ， 京 东 商 城 开始 逐渐 加 大 针对 传统 消费 群体 的 影响 
力 ， 相 继 涉 足 体育 营销 和 传统 电视 广告 ， 这 也 为 京东 商城 吸引 了 大 量 的 传统 消费 者 ， 促 进 
了 其 营业 额 的 攀升 。 从 内 部 因素 上 看 ， 京 东 的 模式 是 一 个 纯粹 的 电子 商务 公司 ， 其 核心 竞 
争 优势 在 于 对 标准 化 产品 供应 、 网 络 销售 平台 和 物流 系统 的 整合 ， 确 保 在 保证 产品 质量 的 
前 提 下 还 能 保持 低 价 。 

除了 正品 低 价 的 优势 ， 京 东 还 通过 品牌 战略 与 差异 化 战略 不 断 地 夯实 渠道 建设 ， 对 入 
驻 商 家 的 资质 进行 严格 把 关 ， 从 源头 上 保证 产品 的 品质 和 属于 它 的 优质 品牌 ， 赢 得 了 消费 
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者 的 青睐 和 好 评 。 所 以 ， 在 一 大 批 的 网 购 商 城 出 现 质量 问题 的 时 候 ， 京 东 商 城 却 可 以 脱 颖 
而 出 ， 提 高 了 用 户 黏 性 。 良 好 的 用 户 体验 带 给 企业 的 影响 非常 巨大 ， 它 意味 着 用 户 增多 ， 
客户 忠诚 度 也 会 高 。 京 东 一 直 致 力 于 提升 用 户 体验 ， 全 程 为 个 人 用 户 和 企业 用 户 提供 人 性 
化 的 “亲情 360” 全 方位 服务 ， 以 此 为 用 户 创造 轻松 愉悦 的 购物 环境 ， 提 高 用 户 满意 度 和 
忠诚 度 。 

在 支付 方式 上 ， 为 了 打消 消费 者 对 网 络 支付 和 移动 支付 的 疑虑 和 担忧 ， 京 东 开 通 了 货 
到 付款 服务 ， 消 费 者 可 选择 现金 、POS 机 刷卡 、 支 票 的 方式 来 支付 货款 。 通 过 这 样 的 一 种 
支付 方式 ， 大 大 地 提升 了 交易 可 信 度 与 交易 量 ， 给 消费 者 带 来 了 方便 。 

京东 的 物流 成 本 也 很 低 ， 因 为 它 的 快递 模式 和 别 的 快递 公司 不 同 ,“ 四 通 一 达 ” 是 网 
格 状 的 ， 每 个 快递 员 既 送 货 又 收 货 ， 配 送 人 员 有 等 待 的 时 间 ， 他 永远 不 知道 下 一 分 钟 谁 打 
电话 进来 ， 永 远 不 知道 下 一 分 钟 客户 寄 多 少 包 应 。 而 京东 的 快递 员 只 送 货 不 收 货 ， 他 们 都 
会 提前 做 好 第 二 天 的 工作 。 将 第 二 天 要 送 多 少 包 庄 ， 走 那些 地 区 ， 送 货 路 线 是 什么 都 通过 
系统 计算 好 ， 所 以 他 们 的 物流 效率 高 、 成 本 却 很 低 。 再 者 ， 因 为 京东 已 逐步 实现 规模 化 运 
营 ， 市 场 集中 度 在 提升 ， 京 东 和 供应 商 的 议价 能 力也 得 到 了 提升 ， 因 此 商品 的 成 本 就 变 低 
了 。 所 以 ， 京 东 实 施 了 成 本 领先 战略 ， 将 更 多 的 供应 商 、 品 牌 经 销 商 聚集 到 京东 ， 借 助 于 
京东 打造 的 “高 效率 、 低 成 本 ”供应 链 ， 实 现 产 业 链 各 方 的 共 赢 。 

此 外 ， 京 东 与 腾讯 战略 合作 的 进展 一 直 是 外 界 关 注 的 重点 。 微 信和 移动 QQ 一 级 入 口 
的 流量 贡献 很 大 ， 重 复 购买 率 也 不 错 。 但 是 与 京东 自家 应 用 相 比 ， 微 信和 移动 QQ 的 转换 
率 仍然 低 于 京东 的 自家 应 用 。 

【 例 1-2】 阿里 巴巴 中 国 站 (如 图 1-2 所 示 ) 


好 ， 欢 迎 来 到 阿里 巴巴 。 请 登录 ”免费 注册 诚信 腾 芳 同 里 助手 ” 客服 中 必 CEI 仆 应 商 专 区 
产品 和 
阿里 巴巴 。 疝 人 的 网 站 Gy | ] 
1588co 所 搜索 
商业 资讯 商人 社区 阿里 巴巴 在 询 宝 网 推 元 名 良品 .| 马云 : 品 转 给 不 等 于 广告 天 下 网 商 | 媒体 起 市 
原材料 ”工业 品 “家居 百货 。 服 著 服饰 ”小 商品 。 加工 EREIEB 。 代理 加 盟 。 全球 进 品 公司 关 而 “ 军 求购 ， 批 发 直达 。 更 多 v 
今 Wa -Af 阿里 巴巴 唯一 舍 方 媒体 { 天 下 网 商 EPE 看 
伺 应 信息 装 。 as 


5a675 

1 18009041 一 选拔 赛 进行 由 诚信 中 国 ”交易 安 Y 
今日 资讯 放 外 ， 22,114 更 多 > wz 对 广 休 MW 
突破 传统 渠道 ， 未 具 业 扎堆 电子 商务 行 we 卖家 不 支持 支付 宝 ,我 的 担 忆 
不 提 从 一 无 亏 二 万 ,， 快 寺 成 电 商 知 月 - 


时 行业 之 呈 选拔 进行 中 新 改 间 
> ”卖家 即时 供应 更 >》 买 家 即时 求购 更 多 > 
志 音 手 机 道 六 品 ， 求购 手机 座 
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所 机 数据 丝 phone 圣 泥 续 蔷 胖 求 ERUSB 死 电线 ， 手 机 圣 据 结 深圳 孔 飞 热 码 有 限 公司 


图 1-2 阿里 巴巴 首页 
阿里 巴巴 是 全 球 企业 间 ( B2B ) 电子 商务 的 著名 品牌 ， 是 全 球 国际 贸易 领域 最 大 、 最 
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活跃 的 网 上 交易 市 场 和 商人 社区 , 目前 已 融合 了 B2B、C2C、 搜 索引 擎 和 门户 网 站 。 截 至 
2012 年 底 ， 已 有 来 自 240 多 个 国家 、 超 过 7 970 万 的 会 员 使 用 阿里 巴巴 B2B ， 企 业 店铺 超 
过 800 万 个 ,付费 会 员 超 过 100 万 名 。 随 着 电子 商务 支撑 服务 业 的 完善 ， 很 多 企业 选择 第 
三 方 电子 商务 平台 作为 他 们 发 现 商 机 、 寻 找 买 家 、 沟 通 交易 、 走 出 国门 的 重要 途径 ， 而 阿 
里 巴巴 正 是 很 好 地 适应 了 这 种 需求 ， 得 到 了 快速 发 展 ， 多 次 被 相关 机 构 评 为 “全 球 最 受 欢 
迎 的 B2B 网 站 ”。 

分 析 : 网 站 初期 放 低 会 员 准 入 门槛 ， 以 免费 会 员 制 吸 引 企业 登录 平台 注册 用 户 ， 从 而 
汇聚 商 流 ， 活 跃 市 场 ， 会 员 在 浏览 信息 的 同时 也 带 来 了 源源 不 断 的 信息 流 和 无 限 商机 。 然 
后 ， 阿 里 巴巴 通过 增值 服务 为 会 员 提 供 了 优越 的 市 场 服 务 ， 使 网 站 能 有 多 种 方式 实现 直接 
便利 。 阿 里 巴巴 的 盔 利 项 目 主要 是 中 国 供应 商 、 委 托 设计 公司 网 站 、 网 上 推广 和 诚信 通 。 
“中 国 供应 商 ” 是 通过 交易 信息 平台 ， 给 中 国 的 商家 提供 来 自 各 国 国际 买 家 的 特别 询 盘 。 
客户 可 以 委托 阿里 巴巴 作 一 次 性 的 投资 建设 公司 网 站 ， 这 个 项 目 主要 是 帮助 企业 建立 独立 
的 域名 网 站 ， 并 且 与 阿里 巴巴 链接 “网 上 推广 项 目 ” 有 很 多 ， 如 “网 销 宝 ”“ 黄 金 展位 ” 
等 。“ 网 销 宝 ” 是 一 种 通过 关键 词 竞价 、 按 点 击 付费 、 进 行 产 品 信息 精准 推广 的 服务 。“ 诚 
信 通 ”项 目 主要 帮助 用 户 了 解 潜在 客户 的 资信 状况 ， 找 到 真正 的 网 上 贸易 伙伴 ; 进行 权威 
资信 机 构 的 认证 ， 确 认 会 员 公 司 的 合法 性 和 联络 人 的 业务 身份 ， 用 业务 伙伴 的 好 评 成 为 公 
司 实力 的 最 好 证 明 。 

【 例 1-3】 淘宝 网 (如 图 1-3 所 示 ) 
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图 1-3 淘宝 网 首页 


淘宝 网 (taobao.com ) 是 亚太 地 区 较 大 的 网 络 零售 商 圈 ， 由 阿里 巴巴 集团 在 2003 年 5 
月 10 日 投资 创立 ， 业 务 跨越 C2C ( 淘宝 taobao )、B2C ( 天 猫 tmall ) 两 大 部 分 。 目 前 拥有 
近 6 亿 的 注册 用 户 数 ， 每 天 有 超过 6 000 万 的 固定 访客 ,同时 每 天 的 在 线 商品 数 已 经 超过 
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了 8 亿 件 ， 平 均 每 分 钟 售 出 4.8 万 件 商品 。 随 着 淘宝 网 规模 的 扩大 和 用 户 数 量 的 增加 ， 淘 
宝 也 从 单一 的 C2C 网 络 集 市 变 成 了 包括 C2C、B2C、 团 购 、 分 销 、 拍 卖 等 多 种 电子 商务 模 
式 在 内 的 综合 性 零售 商 圈 。2014 年 ， 淘 宝 天 猫 “ 双 十 一 ”全 天 成 交 金 额 为 571 亿 元 ， 其 中 
移动 端 交易 额 达到 243 亿 元 。 

淘宝 网 不 仅 是 中 国 深 受 欢 迎 的 网 络 零 售 平台 ,也 是 中 国 的 消费 者 交流 社区 和 全 球 创意 
商品 的 集中 地 。 淘 宝 网 在 很 大 程度 上 改变 了 传统 的 生产 方式 ， 也 改变 了 人 们 的 生活 消费 方 
式 。 淘 宝 网 多 样 化 的 消费 体验 ,让 淘 一 代 们 乐 在 其 中 : 团 设计 、 玩 定制 、 赶 时 右 、 爱 传统 。 

分 析 : 淘宝 网 已 经 是 中 国 最 大 的 C2C 网 站 ,成 为 中 国电 子 商务 的 一 个 符号 。 分 析 淘 宝 
网 的 成 功 之 道 ， 主 要 有 三 点 : 一 是 免费 ， 免 费 网 上 开店 的 方式 可 以 让 更 多 网 民乐 于 尝试 。 
二 是 信用 体系 的 建立 。 淘 宝 网 的 信用 评价 系统 的 基本 原则 是 : 成 功 交 易 一 笔 买卖 ， 双 方 互 
相 为 对 方 做 一 次 信用 评价 。 评 价 分 为 “好 评 ”“ 中 评 ”“ 差 评 ” 三 类 ,“ 好 评 ” 加 一 分 ,“ 中 
评 ” 不 加 分 ,“ 差 评 ” 扣 一 分 。 这 样 ， 将 商户 的 信用 度 划 分 了 15 个 等 级 ， 从 最 低级 的 1 颗 
红心 到 最 高 级 的 5 颗 皇 冠 。 三 是 为 解决 网 站 支付 的 难题 ， 打造 了 “支付 宝 服务 ”技术 平台 。 
支付 宝 的 推出 ， 解 决 了 买 家 对 于 先 付 钱 而 得 不 到 所 购买 的 产品 或 得 到 的 是 与 卖家 在 网 上 的 
声明 不 一 致 的 劣质 产品 的 担忧 , 同时 也 解决 了 卖家 对 于 先 发 货 而 得 不 到 钱 的 担忧 。 可 以 说 ， 
支付 宝 的 诞生 不 仅仅 是 淘宝 网 的 一 个 里 程 碑 ， 也 是 国内 电子 商务 发 展 的 里 程 碑 。 

【 例 1-4】 精英 乒乓 网 (如 图 1-4 所 示 ) 
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图 1-4 精英 乒乓 网 首页 
精英 乒乓 网 是 一 个 为 乒乓 爱好 者 提供 的 开放 的 网 上 交流 互动 平台 ,旗下 精英 乒乓 器 材 
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商城 也 已 成 为 广大 乒乓 爱 好 者 订购 乒乓 器 材 的 首选 网 站 。 以 2003 年 6 月 第 一 个 知名 品牌 
“银河 ”的 引进 为 标志 ， 到 2011 年 8 月 与 亚 萨 卡 协议 的 签订 ， 多 年 来 ， 精 英 已 先后 与 蝴 
蝶 、 斯 帝 卡 、 亚 萨 卡 等 30 多 个 品牌 建立 合作 ， 平 台 发 展 至 今 已 进入 良性 发 展 轨 道 。 精 英 
乒 兵 网 共 分 总 站 、 论 坛 、 器 材 商城 三 大 模块 。 精 英 乒 岳 总 站 提供 乒乓 行业 动态 、 乒 兵 俱 乐 
部 、 乒 兵 品 牌 广告 及 互动 展示 。 精 英 乒 兵 论坛 分 品牌 活动 区 、 新 闻 赛 事 区 、 器 材 交 流 区 、 
技术 交流 区 、 精 英 全 国联 盟 俱 乐 部 区 ， 共 有 241 个 分 版 。 精 英 器 材 商城 作为 独立 的 网 络 销 
售 平台 ,拥有 上 架 乒乓 器 材 商品 3 400 多 个 ,合作 品牌 43 个 ,是 支付 宝 信 用 商家 。 历 经 十 
年 风雨 ， 截 至 2011 年 10 月 ， 精 英 乒 兵 网 已 拥有 33 万 个 注册 会 员 。 

分 析 : 精英 乒乓 网 不 是 一 个 简单 的 乒乓 器 材 商城 ,而 是 借助 以 “精英 蔡 茜 , 乒乓 结缘 ” 
为 理念 ， 成 为 国内 外 广大 乒乓 爱好 者 、 乒 乓 俱乐部 提供 开放 的 网 上 交流 互动 平台 。 

(1) 提供 给 用 户 良好 的 体验 。 品 牌 形象 深入 人 心 ， 精 英 先 后 与 蝴蝶 、 斯 帝 卡 、 亚 萨 
卡 等 30 多 个 品牌 建立 合作 ， 由 于 都 是 正品 ， 性 价 比 高 ， 因 此 给 用 户 的 体验 和 口碑 一 直 很 
好 。 另 外 ， 平 台 上 提供 很 多 乒乓 国际 大 赛 视频 、 经 常 提供 球星 与 用 户 的 交流 等 做 法 也 吸引 
了 很 多 乒乓 爱好 者 。 

(2) 满足 用 户 需 求 。 虽 是 商城 ， 并 没有 仅仅 停 在 卖 思维 上 ， 而 是 依托 网 站 建立 了 会 
员 制 、 俱 乐 部， 相当 于 构建 起 一 个 客户 关系 系统 (CRM)， 有 了 这 个 CRM， 客 户 管理 就 会 
便捷 而 且 系统 化 和 流程 化 ,客户 当前 贡献 度 、 客 户 未 来 贡献 度 、 客 户 信用 度 、 客 户 忠诚 度 、 
客户 成 长 潜力 等 五 个 方面 的 表现 会 逐渐 体现 出 客户 价值 。 客 户 的 黏 性 好 了 ， 客 户 在 网 站 上 
的 平均 停留 时 间 多 了 ， 客 户 的 活跃 度 也 自然 提高 ， 从 而 降低 流失 率 。 

作为 一 个 电子 商务 平台 ， 平 均 访 问 次 数 、 平 均 停 留 时 间 、 平 均 访问 深度 是 客户 活跃 分 
析 中 的 三 个 关键 数据 点 ， 如 果 能 提升 访问 次 数 、 停 留 时 间 和 访问 深度 这 三 个 数据 点 ， 客 户 
的 活跃 度 自然 就 提升 了 。 内 容 丰富 了 ， 流 量 提高 了 ， 网 站 的 权重 自然 也 会 提高 ， 其 排名 和 
影响 力也 会 水 到 渠 成 。 

【 例 1-5】 深圳 世纪 直 源 营销 型 网 站 (如 图 1-5 所 示 ) 

世纪 丰 源 饮水 设备 有 限 公 司 是 国内 首 家 专业 研发 和 生产 全 智能 温 热 型 饮水 机 、 步 进 式 
开水 器 、 户 外 饮水 台 系 列 公共 饮水 设备 产品 的 企业 。 主 要 是 以 生产 、 销 售 家 用 、 商 用 饮水 
机 、 节 能 饮水 机 、 净 水 器 、 开 饮 机 为 主 的 中 型 企业 ; 产品 适用 于 工厂 车 间 、 学 校 、 酒 店 餐 
厅 、 写 字 楼 、 医 院 、 车 站 等 集体 人 员 饮 水 区 。 已 经 拥有 完全 自主 知识 产权 的 多 项 发 明 、 实 
用 新 型 、 外 观 专利 。 经 过 公司 员工 努力 ， 世 纪 丰 源 已 成 为 中 国 最 有 影响 力 的 公共 饮水 设备 
领先 品牌 。 但 从 2008 年 的 金融 危机 开始 ， 企 业 传统 线 下 销售 遇 到 了 很 多 困难 ， 于 是 公司 
利用 第 三 方 B2B 电子 商务 平台 获取 订单 的 同时 ， 开 始 建设 营销 型 企业 网 站 ， 开 展 B2C 电 
子 商 务 运营 。 网 站 上 线 后 ， 运 营 人 员 对 网 站 进行 了 优化 (SEO )， 在 主要 搜索 引擎 上 投放 
了 关键 词 广告 。 时 间 不 长 ， 客 户 开 始 陆续 找 上 门 ， 而 且 范围 也 广 了 ， 以 前 做 的 差不多 就 是 
珠江 三 角 洲 地 区 ， 现 在 像 湖 南 、 江 西 、 江 苏 、 上 海 等 的 客户 全 都 打 电 话 过 来 。3 个 月 以 后 ， 
效果 更 加 明显 ， 公 司 80% 的 订单 都 是 通过 网 上 来 的 ， 另 外 20% 的 订单 由 老 客户 介绍 ,不 再 
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像 以 前 一 样 ， 业 务 员 要 出 去 跑 ， 去 拜访 陌生 客户 ， 那 样 很 辛苦 ， 效 果 也 不 好 。 


公共 饮水 设备 领先 品牌 可 
深圳 市 世纪 手 源 营销 总 部 二 


中 心 ) 客户 案例 直 饮 水 动态 ) 。 关于 我 人 ) 。 某 见 问题 /联系 我 们 


40-100 人 直 饮 水 机 
100-150 人 忆 水 机 


260-350 人 饮水 机 


本 商 饮 水 机 《FY 4A) _ 立 式 步 进 式 开水 器 FY-12.。 _ 步 进 式 开水 骂 FY-5KS(43) 


图 1-5 深圳 世纪 丰 源 官网 首页 


分 析 : 世纪 丰 源 饮水 设备 有 限 公司 是 一 个 典型 的 自 建 企业 站 。 与 其 他 企业 自 建 站 相 比 ， 
其 官网 不 仅 实现 了 品牌 与 形象 的 展示 ， 更 重要 的 是 企业 通过 搭建 自己 的 网 上 平台 ， 实 现 了 
在 线 交 易 ， 与 客户 在 线 交 流 互动 ， 从 而 真正 实现 了 “ 电 商 ”的 功能 ， 达 到 了 企业 网 上 营销 
的 目的 。 

通过 站 长 工具 (http://tool.chinaz.com)， 对 网 站 进行 百度 权重 查询 ， 可 以 看 到 ,“ 节 能 
饮水 机 ”“ 饮 水 机 加 盟 ”*”“ 直 饮水 机 ”“ 无 热 胆 饮水 机 ”等 符合 用 户 搜索 习惯 的 主要 关键 词 
均 做 到 了 百度 第 一 页 ， 如 图 1-6 所 示 。 因 此 ， 网 站 的 流量 得 到 了 保证 。 进 入 网 站 ， 用 户 可 
以 看 到 产品 展示 的 同时 ， 还 可 以 得 到 饮水 机 使 用 解决 方案 以 及 产品 的 相关 视频 、 资 质 认证 
等 内 容 ， 因 此 ， 产 品 的 优势 和 网 站 的 信任 度 使 得 询 盘 和 订单 转化 成 为 水 到 渠 成 。 

所 谓 企 业 营 销 型 网 站 ， 是 指 具备 营销 推广 功能 的 网 站 ， 简 单 地 讲 ， 营 销 型 网 站 是 企业 
的 销售 平台 ， 是 为 了 获得 销售 机 会 甚至 获得 成 交 。 因 此 ， 营 销 型 网 站 需要 设 定 目 标 客户 群 
体 ， 并 针对 网 络 潜在 目标 客户 群体 做 差异 化 的 网 站 。 深 圳 世纪 丰 源 通过 自 建 营销 型 网 站 运 
营 ， 从 网 站 风格 、 功 能 到 内 容 的 安排 完全 自己 做 主 ， 更 能 突出 企业 的 特色 和 品牌 ， 全 方位 
满足 客户 需要 ， 为 电子 商务 运营 取得 更 好 的 效果 提供 支持 。 

这 里 强调 一 个 概念 ， 就 是 企业 的 网 站 一 定 是 能 够 营销 的 。 虽 然 电子 商务 近年 来 发 展 很 
快 ， 大 多 数 企业 也 都 建立 了 自己 的 平台 ， 但 大 多 数 企 业 站 点 的 现状 并 不 乐观 ， 网 站 大 多 与 
同行 网 站 同 质 化 , 没有 差异 化 的 内 容 和 特色 , 并 且 网 站 长 期 没有 维护 , 没有 与 客户 的 互动 ， 
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没有 更 新 ， 没 有 黏 性 ， 更 谈 不 上 流量 与 转化 ， 企 业 网 站 基本 成 为 一 个 摆设 。 


百度 权重 查询 


HTTP:/| www water520 com 


百度 权重 : 2 关键 词 数 : 99 预 信 百 度 流 里 : 181 IP 站 长 排名 : 182179 子 域名 : [当前 www water520 com [|] 


序号 关键 字 
世纪 丰 源 
议 水 机 加 盟 
直 议 水 机 网 
无 热 胆 饮水 机 
厦门 立 扬 光 学 


和 
2 

3 

4 

5 

6 。 饮水 机 原理 图 
7 ”自动 直 饮 水 机 
8 

9 


11 议 水 机 设备 
12 ”自动 饮水 机 


PC 指数 


79 


移动 指数 ”排名 


2， 企业 实施 电子 商务 的 意义 


企业 开展 电子 商务 ， 可 以 有 很 多 选择 ， 既 可 以 借助 阿里 巴巴 、 慧 聪 网 或 淘宝 网 这 样 的 
第 三 方 平台 ， 也 可 以 像 深 圳 世纪 丰 源 公司 一 样 搭建 自己 的 电子 商务 网 站 。 有 了 电子 商务 这 
一 贸易 平台 ， 就 相当 于 在 互联 网 上 建立 了 一 座 厂 房 ， 需 要 每 天 去 维护 和 完善 它 。 当 一 个 陌 
生 的 客户 到 来 时 ， 网 站 充当 的 是 一 个 推销 员 的 角色 ， 代 表 的 是 企业 品牌 形象 。 当 老 客户 前 
来 寻求 帮助 时 ， 它 则 充当 一 个 服务 人 员 的 角色 ， 可 以 提供 各 种 个 性 化 服务 以 满足 客户 的 不 


同 需要 。 


可 认 排序 回 


1 


1 
1 
3 
3 
3 
3 
4 
4 
5 
5 
6 


收录 里 
880000 
939000 
1470000 
95900 
7890 
2380000 
6790000 
1420000 
1920000 
14700000 
21600000 


14500000 


EE 


网 页 标题 定 添 加 新 词 
节能 饮水 机 , 直 次 水 机 ,电热 开水 器 校园 饮水 机 ,工厂 
放水 机 加 盟 

节能 饮水 机 , 直 饮 水 机 .电热 开水 器 ,校园 饮 

有 热 胆 饮水 机 和 无 热 胆 饮水 机 的 优 牧 点 介 - 

厦门 立 扬 光学 科技 有 限 公司 

饮水 设备 原理 图 

新 蒜 新 型 饮水 机 、 节 能 饮水 机 新 

节能 饮水 机 直 饮 水 机 ,电热 开水 器 ,校园 饮 

节能 饮水 机 , 直 饮 水 机 电热 开水 器 ,校园 饮 

节能 饮水 机 , 直 次 水 机 ,电热 开水 器. 校园 饮水 机 ,工厂 
节能 饮水 机 . 直 议 水 机 ,电热 开水 


新 蒜 新 型 饮水 机 、 节 能 饮水 机 新 


图 1-6 世纪 丰 源 网 站 的 百度 权重 查询 结果 


总 的 来 讲 ， 企 业 实 施 电 子 商务 的 意义 表现 在 以 下 几 点 。 
(1) 有 利于 大 幅 提 升 企业 知名 度 及 影响 力 ， 促 进 销售 额 的 提升 。 


(2) 有 利于 企业 拓宽 发 展 空间 。 大 多 数 中 小 企业 都 是 本 地 化 企业 ， 规 模 小 、 雇 员 少 、 
资金 薄弱 ， 只 为 当地 用 户 提供 产品 和 服务 ， 辐 射 范围 较 小 。 电 子 商 务 所 具有 的 开放 性 和 全 
球 性 特点 ， 为 中 小 企业 的 发 展 创 造 了 更 多 的 贸易 机 会 ， 从 而 打开 了 一 扇 通 往 全 国 乃至 世界 


市 场 的 窗口 。 


(3) 减少 了 各 种 中 间 环 节 ， 交 易 成 本 显著 降低 。 

(4) 加 强 了 与 客户 的 沟通 和 联系 ， 提 供 更 优质 的 服务 。 
(5) 有 利于 快速 掌握 市 场 反 馈 信息 ， 对 产品 进行 相应 调整 。 
(6) 有 利于 兼并 上 下 游 企业 ， 形 成 产业 链 延 伸 。 
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1.1.2 ”电子 商务 网 站 的 基本 概念 


1， 电 子 商务 网 站 的 定义 


电子 商务 网 站 是 企业 、 机 构 或 政府 在 互联 网 上 建立 的 门户 ， 通 过 网 站 可 以 宣传 企业 形 
象 ， 发 布 、 展 示 商 品 信息 ， 实 现 电 子 交 易 ， 并 通过 网 络 开展 与 商务 活动 有 关 的 各 种 售 前 和 
售后 服务 ， 全 面 实现 电子 商务 功能 。 从 概念 上 讲 ， 电 子 商务 网 站 是 一 个 比较 大 的 范畴 ， 前 
面 的 案例 中 ， 京 东 、 阿 里 巴巴 、 淘 宝 都 是 大 型 电子 商务 网 站 平台 ， 而 作为 中 小 企业 的 精英 
乒乓 网 与 深圳 世纪 丰 源 企业 营销 型 官网 也 是 一 个 电子 商务 网 站 ， 只 不 过 面向 的 消费 人 群 不 
同 ， 运 营 模式 不 同 。 

电子 商务 网 站 是 企业 从 事 电子 商务 活动 的 基本 平台 ， 有 利于 改进 企业 的 业务 流程 ， 提 
高 企业 管理 水 平 ， 更 好 地 为 客户 服务 。 网 站 的 运营 成 功 与 否 已 经 成 为 衡量 一 个 企业 综合 素 
质 的 重要 标志 。 


2 电子 商务 网 站 的 特点 


除了 一 般 网 站 所 共有 的 特性 外 ， 电 子 商务 网 站 还 具有 以 下 特点 。 

(1) 商务 性 。 电 子 商 务 网 站 最 基本 的 特性 为 商务 性 ， 即 提供 买卖 交易 的 服务 。 网 站 
本 身 仅仅 是 一 个 平台 ， 其 本 质 仍 是 商务 ， 目 标 仍 是 利润 ， 这 也 是 华尔街 老板 们 日 思 夜 想 、 
念念不忘 的 两 个 字 。 正 因 如 此 ， 一 个 企业 要 发 展 电子 商务 ， 首 要 考虑 的 因素 是 这 种 商务 模 
式 能 否 赚钱 ， 什 么 时 候 才 能 赢利 。 

(2) 服务 性 。 电 子 商 务 网 站 为 客户 提供 的 服务 有 一 个 明显 的 特征 : 方便 。 客 户 不 再 
受 地 域 、 时 间 的 限制 ， 随 时 随地 可 以 实现 网 上 交易 。 

在 价格 透明 的 电子 商务 环境 下 ， 如 何 更 好 地 提高 网 站 服务 质量 成 为 关键 的 一 个 因素 ， 
如 网 站 操作 是 否 方便 、 发 货 配送 是 否 及 时 等 。 要 能 留 住 顾客 ， 还 需要 网 站 能 及 时 收集 客户 
的 资料 信息 ,从 而 了 解 客户 的 爱好 、 消 费 倾向 与 习惯 , 为 客户 提供 方便 快捷 的 个 性 化 服务 。 

(3) 安全 性 。 对 于 客户 而 言 ， 无 论 网 上 的 物品 如 何 具 有 吸引 力 ， 如 果 网 站 交易 的 安 
全 不 能 保证 ， 网 上 的 交易 是 不 可 能 进行 的 。 对 于 企业 与 企业 间 的 交易 更 是 如 此 。 电 子 商 务 
网 站 中 ， 安 全 性 是 必须 要 考虑 的 核心 问题 。 病 毒 、 木 马 、 欺 骗 、 非 法 入 侵 及 钓鱼 网 站 都 是 
威胁 交易 能 否 正常 进行 的 安全 隐患 。 因 此 ， 需 要 一 套 完整 的 电子 商务 安全 解决 方案 ， 如 加 
密 机 制 、 签 名 机 制 、 数 字 证 书 、 防 火 墙 及 杀毒 软件 等 手段 与 措施 ， 以 保证 电子 商务 网 站 的 
安全 运营 。 

(4) 可 扩展 性 。 要 使 电子 商务 网 站 正常 运营 ， 必 须 确保 其 可 扩展 性 。 互 联网 上 有 数 
以 百 万 计 的 用 户 ， 而 传输 过 程 中 经 常会 出 现 高 峰 状况 。 倘 若 一 家 企业 原来 设计 每 天 可 受理 
10 万 人 次 访问 ， 而 事实 上 却 有 20 万 人 ， 就 必须 尽快 配 有 一 台 扩展 的 服务 器 ， 否 则 客户 访 
问 速度 将 会 急剧 下 降 ， 甚 至 还 会 拒绝 可 能 带 来 丰厚 利润 的 客户 的 来 访 。 对 于 电子 商务 网 站 
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来 说 ， 可 扩展 的 系统 才 是 稳定 的 系统 。 
3.， 电子 商务 网 站 分 析 与 评价 指标 


电子 商务 网 站 的 分 析 与 评价 活动 可 以 促进 网 站 的 整体 水 平和 质量 的 提高 。 举 个 例子 来 
说 明 ， 如 果 把 一 个 电子 商务 网 站 比 作 一 家 超市 ， 运 营 网 站 就 像 打 理 超市 的 生意 ， 那 么 目标 
就 是 让 访客 多 停留 、 多 购买 、 多 办 几 张 会 员 卡 。 为 了 达成 这 个 目标 ， 先 要 了 解 当 前 的 情况 ， 
如 有 多 少 人 走 进 了 超市 、 看 了 多 少 件 产品 、 多 少 人 办 理 了 会 员 卡 。 类 似 地 ， 在 网 站 分 析 中 
也 要 了 解 这 些 数据 ,并 作为 后 续 业 务 调 整 的 依据 , 如 多 少 人 进入 了 网 站 、 浏览 了 多 少 页 面 、 
多 少 人 办 理会 员 等 ， 网 站 分 析 指 标 是 数据 化 地 呈现 网 站 运营 的 状况 ， 可 以 用 来 帮助 从 各 个 
维度 了 解 访客 ， 优 化 网 站 ， 如 图 1-7 所 示 。 


20 个 人 只 省 了 一 件 。。 50 个 人 共 在 超市 15 人 办 了 张 超市 
50 人 走 坦 超市 。 省 了 100( 人 产品。 商品 吕 离 开 中 各 了 45 小 时 会 员 卡 


I 
网 站 /访客 盈 四 X @® 


50 个 访客 点 击 浏览 了 100 个 页 面 。 20 个 访客 只 溃 蜗 一 个 50 个 访客 在 侈 的 网 站 15 人 汪 册 会 员 
进入 您 的 网 站 . 网 页 台 关 闭 网 站 共 远 留 45 小 时 
v v Y yY v 
跳出 率 平均 访问 时 长 


点 击 量 =50 次 浏 上 最 =100 次 桂 化 次 数 =15 次 


=20/100=0.2 =45/50=0.9 小 时 


图 1-7 网 站 访客 与 超市 顾客 比较 


常见 指标 为 浏览 量 (PV)、 访 问 次 数 、 访 客 数 (UV)、 新 访客 数 、 新 访客 比率 、IP、 
跳出 率 、 平 均 访问 时 长 、 平 均 访问 页 数 、 转 化 次 数 、 转 化 率 。 可 以 概括 为 3 类 : 流量 数量 
指标 、 流 量 质量 指标 和 流量 转化 指标 。 

1) 流量 数量 指标 

(1) 浏览 量 (PV) 

定义 : 页 面 浏览 量 即 为 PV (Page View)， 用 户 每 打开 一 个 页 面 就 被 记录 1 次 。 

说 明 : 一 个 PV 即 电 脑 从 网 站 下 载 一 个 页 面 的 一 次 请 求 。 当 页 面 上 的 JavaScript 文件 
加 载 后 , 统计 系统 才 会 统计 到 这 个 页 面 的 浏览 行为 , 用 户 多 次 打开 同一 页 面 , 浏览 量 值 累 计 。 

如 果 客 户 端 已 经 有 该 缓冲 的 文档 ， 甚 至 无 论 是 否 真 的 有 这 个 页 面 ( 如 JavaScript 生成 
的 一 些 脚 本 功能 )， 都 可 能 记录 为 一 个 PV。 但 是 如 果 利 用 网 站 后 台 日 志 进 行 分 析 ， 因 为 绥 
存 页 面 可 能 直接 显示 而 不 经 过 服务 器 请 求 ， 那 么 不 会 记录 为 一 个 PV。 
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含义 : PV 越 多 ， 说 明 该 页 面 被 浏览 的 越 多 。PV 之 于 网 站 ， 就 像 收 视 率 之 于 电视 ， 已 

成 为 评估 网 站 表现 的 基本 尺度 。 
(2) 访问 次 数 (Visit) 

定义 : 访问 次 数 即 Visit， 访 客 在 网 站 上 的 会 话 (Session) 次 数 ， 一 次 会 话 过 程 中 可 能 
浏览 多 个 页 面 。 

说 明 : 如 果 访客 连续 30 分 钟 内 没有 重新 打开 和 刷新 网 站 的 网 页 ， 或 者 访客 关闭 了 浏 
览 器 ， 则 当 访客 下 次 访问 您 的 网 站 时 ， 访 问 次 数 加 1。 反 之 ， 访 客 离开 后 半 小 时 内 再 返回 ， 
则 算 同 一 个 访 次 ， 以 上 对 访客 的 判断 均 以 Cookie 为 准 。 

含义 : 页 面 浏览 量 (PV) 是 以 页 面 角度 衡量 加 载 次 数 的 统计 指标 ， 而 访问 次 数 (Visit) 
则 是 访客 角度 衡量 访问 的 分 析 指 标 。 如 果 网 站 的 用 户 黏 性 足够 好 ， 同 一 用 户 一 天 中 多 次 登 
录 网 站 ， 那 么 访问 次 数 就 会 明显 大 于 访客 数 。 

(3) 访客 数 (UV) 

定义 : 访客 数 (UV) 即 一 天 之 内 网 站 的 独立 访客 数 〈 以 Cookie 为 依据 )， 一 天 内 同一 
访客 多 次 访问 网 站 只 计算 1 个 访客 。 

说 明 : 当 客 户 端 第 一 次 访问 某 个 网 站 服务 器 时 ， 网 站 服务 器 会 给 这 个 客户 端的 电脑 发 
一 个 Cookie， 记 录 访 问 服 务 器 的 信息 。 当 下 一 次 再 访问 服务 器 时 ， 服 务 器 就 可 以 直接 找到 
上 一 次 它 放 进去 的 这 个 Cookie， 如 果 一 段 时 间 内 ， 服 务 器 发 现 两 个 访 次 对 应 的 Cookie 编 
号 一 样 ， 那 么 这 些 访 次 一 定 就 是 来 自 一 个 UV 了 。 

含义 : 访客 数 (UV) 是 从 访客 角度 看 访客 到 达 网 站 的 数量 。 

(4) 新 访客 数 

定义 : 一 天 的 独立 访客 中 ， 第 一 次 访问 网 站 的 访客 数 。 
说 明 : 新 访客 数 可 以 衡量 营销 活动 开发 新 用 户 的 效果 。 
(5) 新 访客 比率 

定义 : 新 访客 比率 = 新 访客 数 /访客 数 。 即 一 天 中 新 访客 数 占 总 访客 数 的 比例 。 

说 明 : 整体 访客 数 不 断 增加 ， 并 且 其 中 的 新 访客 比例 较 高 ， 能 表现 网 站 运营 在 不 断 进 
步 。 就 像 人 体 的 血液 循环 一 样 ， 有 新 鲜 的 血液 不 断 补充 进来 ， 充 满 活 力 。 

(6) IP 数 

定义 : 一 天 之 内 ， 访 问 网 站 的 不 同 独 立 卫 个 数 加 和 。 其 中 同一 他 无 论 访问 了 几 个 页 
面 ， 独 立 卫 数 均 为 1。 

说 明 : 从 IP 数 的 角度 衡量 网 站 的 流量 。 

2) 流量 质量 指标 

(1) 跳出 率 

定义 : 只 浏览 了 一 个 页 面 便 离开 了 网 站 的 访问 次 数 占 总 的 访问 次 数 的 百分比 ， 即 只 浏 
览 了 一 个 页 面 的 访问 次 数 /全 部 的 访问 次 数 汇总 。 

说 明 : 跳出 率 是 非常 重要 的 访客 黏 性 指标 ， 它 显示 了 访客 对 网 站 的 兴趣 程度 。 跳 出 率 
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越 低 说 明 流 量 质量 越 好 , 访客 对 网 站 的 内 容 越 感 兴趣 , 这 些 访客 越 可 能 是 网 站 的 有 效用 户 、 
忠实 用 户 。 该 指标 也 可 以 衡量 网 络 营销 的 效果 ， 指 出 有 多 少 访客 被 网 络 营销 吸引 到 宣传 产 
品 页 或 网 站 上 之 后 ， 又 流失 掉 了 ， 可 以 说 就 是 煮 熟 的 鸭子 飞 了 。 例 如， 网 站 在 某 媒 体 上 打 
广告 推广 ， 分 析 从 这 个 推广 来 源 进入 的 访客 指标 ， 其 跳出 率 可 以 反映 出 选择 这 个 媒体 是 否 
合适 ， 广 告 语 的 撰写 是 否 优秀 ， 以 及 网 站 入 口 页 的 设计 是 否 用 户 体验 良好 。 

(2) 平均 访问 时 长 

含义 : 平均 每 次 访问 在 网 站 上 的 停留 时 长 ， 即 平均 访问 时 长 等 于 总 访问 时 长 与 访问 次 
数 的 比值 。 

说 明 : 平均 访问 时 间 越 长 ， 则 说 明 访 客 停留 在 网 页 上 的 时 间 越 长 。 如 果 用 户 对 网 站 的 
内 容 不 感 兴趣 ， 则 会 较 快 关闭 网 页 ， 那 么 平均 访问 时 长 就 短 ， 如 果 用 户 对 网 站 的 内 容 很 感 
兴趣 ， 在 网 站 停留 了 很 长 时 间 ， 平 均 访问 时 长 就 长 。 

(3) 平均 访问 页 数 

含义 : 平均 每 次 访问 浏览 的 页 面 数 量 ， 平 均 访问 页 数 = 浏览 量 /访问 次 数 。 

说 明 : 平均 访问 页 数 多 说 明 访客 对 网 站 兴趣 越 大 。 而 浏览 信息 多 也 使 得 访客 对 网 站 更 
加 了 解 ， 这 对 网 站 市 场 信息 的 传递 ， 品 牌 印 象 的 生成 ， 以 至 于 将 来 的 销售 促进 都 是 有 好 处 
的 。 一 般 来 说 ， 会 将 平均 访问 页 数 和 平均 访问 时 长 这 两 个 指标 放 在 一 起 分 析 ， 进 而 衡量 网 
站 的 用 户 体验 情况 。 

3) 流量 转化 指标 

(1) 转化 次 数 

含义 : 访客 到 达 转 化 目标 页 面 ， 或 完成 网 站 运营 者 期 望 其 完成 动作 的 次 数 。 

说 明 : 转化 就 是 访客 做 了 任意 一 项 网 站 管理 者 希望 访客 做 的 事 。 与 网 站 运营 者 期 望 达 
到 的 推广 目的 和 效果 有 关 。 

(2) 转化 率 

含义 : 转化 率 = 转 化 次 数 /访问 次 数 。 

说 明 : 转化 率 即 访问 转化 的 效率 ， 数 值 越 高 ， 说 明 完成 网 站 运营 者 希望 访客 进行 的 访 
次 操作 越 多 。 

4) 其 他 运营 数据 

一 个 电子 商务 平台 的 运营 ， 除 了 要 统计 与 分 析 以 上 流量 类 指标 外 ， 还 要 统计 新 会 员 购 
物 比 率 、 会 员 总 数 、 所 有 会 员 购物 比率 、 复 购 率 。 概 括 性 分 析 会 员 购 物 状态 ， 重 点 在 于 本 
周 新 增 了 多 少 会 员 ， 新 增 会 员 购物 比率 是 否 高 于 总 体 水 平 。 如 果 注 册 会 员 购物 比率 很 高 ， 
那 引导 新 会 员 注册 不 失 为 提高 销售 额 的 好 方法 。 


1.1.3 ”电子 商务 网 站 的 主要 功能 


尽管 每 个 企业 的 产品 、 经 营 范围 及 商务 模式 可 能 大 相 径 庭 ， 但 是 对 于 电子 商务 网 站 而 
它们 要 实现 的 功能 基本 相同 ， 主 要 表现 在 以 下 几 个 方面 。 


下 
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1， 企 业 形象 宣传 


企业 在 网 上 的 形象 即 网 站 的 形象 ， 是 十 分 重要 的 ， 它 的 定位 与 设计 直接 影响 着 企业 在 
电子 商务 应 用 推广 中 的 成 败 。 纵 观 国内 外 知名 企业 的 网 站 ， 我 们 不 难 发 现 这 样 的 规律 : 企 
业 的 知名 度 和 实力 往往 与 其 企业 网 站 的 设计 制作 水 平成 正比 。 利 用 网 站 ， 企 业 可 向 外 宣传 
企业 文化 、 企 业 概况 、 产 品 品牌 、 服 务 品 质 以 及 新 闻 等 方面 的 内 容 。 与 其 他 各 种 广告 形式 
相 比 ， 在 网 上 的 广告 成 本 最 为 低廉 ， 而 给 顾客 的 信息 量 却 最 为 丰富 。 

2， 产品 展示 与 信息 发 布 

企业 在 网 站 上 可 以 用 文字 、 图 片 和 动画 等 方式 宣传 自己 的 产品 ， 即 使 一 个 功能 简单 的 
网 站 至 少 也 相当 于 一 本 可 以 随时 更 新 的 产品 宣传 资料 。 另 外 ， 企 业 还 可 以 发 布 企业 新 闻 、 
产品 信息 、 促 销 信 息 、 招 标 信息 及 人 员 招 聘 信息 等 。 网 站 上 的 信息 更 新 速度 比 任何 传统 媒介 
都 快 ， 通 常 几 分 钟 之 内 就 可 以 做 到 内 容 更 新 ， 从 而 使 企业 在 最 短 的 时 间 内 发 布 最 新 的 消息 。 

3， 与 客户 互动 进行 咨询 洽谈 

除了 可 借助 非 实时 的 电子 邮件 (E-mail) 与 客户 沟通 外 ， 企 业 还 可 利用 网 上 客服 、 客 
户 留言 板 、 在 线 调查 和 BBS 与 客户 进行 深度 沟通 ， 洽 谈 交易 事务 。 企 业 网 站 所 面 对 的 不 
再 是 被 动 的 读者 ， 而 是 有 目的 的 主动 客户 。 一 个 设计 得 当 的 企业 网 站 ， 将 能 给 予 客户 多 方 
面 的 需求 ， 达 到 双向 充分 的 沟通 ， 这 是 一 般 传 统 媒体 做 不 到 的 。 

4， 网 上 商品 订购 功能 

网 上 商品 的 订购 功能 是 电子 商务 网 站 的 核心 功能 。 通 常 都 是 在 商品 介绍 的 页 面 上 提供 
十 分 友好 的 订购 提示 信息 和 订购 交互 式 表格 ， 并 可 以 通过 导航 实现 所 需 功能 。 当 用 户 填 完 
订购 单 后 ， 系 统 回 复 确 认 信 息 表 示 订 购 信 息 已 收 悉 。 用 户 订购 信息 采用 加 密 的 方式 ， 使 得 
用 户 和 商家 的 商业 信息 不 会 泄漏 。 

S， 网 上 支付 功能 

网 上 支付 是 电子 商务 交易 过 程 中 的 重要 环节 ， 用 户 和 商家 之 间 可 采用 信用 卡 、 电 子 钱 
包 、 电 子 支 票 和 电子 现金 等 多 种 电子 支付 方式 进行 网 上 支付 , 从 而 大 大 节省 了 交易 的 开销 。 
电子 账户 通过 用 户 认 证 、 数 字 签名 、 数 据 加 密 等 技术 措施 的 应 用 ， 保 证 了 电子 账户 操作 的 
安全 性 。 

6 客户 信息 管理 功能 

通过 客户 信息 管理 系统 ， 企 业 可 以 完成 对 网 上 交易 活动 全 过 程 中 的 人 、 财 、 物 、 用 户 
及 本 企业 内 部 的 各 方面 进行 协调 和 管理 ， 实 现 个 性 化 服务 和 管理 。 

7. 服务 传递 功能 


通过 服务 传递 系统 ， 企 业 可 以 将 客户 所 订购 的 商品 尽快 地 传递 到 已 订货 并 付款 的 用 户 
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手中 。 对 于 有 形 的 商品 , 服务 传递 系统 可 以 对 本 地 和 异地 的 仓库 在 网 络 中 进行 物流 的 调配 ， 
并 通过 物流 渠道 完成 商品 的 传送 :而 对 于 无 形 的 信息 产品 ， 如 软件 、 电 子 读物 、 信 息 服务 
等 ， 则 立即 将 商品 通过 网 络 直接 传递 到 用 户 端 。 

8 销售 业务 信息 管理 功能 


通过 销售 信息 管理 系统 ， 企 业 可 以 及 时 地 收集 、 加 工 处 理 、 传 递 与 利用 相关 的 数据 
资料 ， 使 这 些 信息 有 序 并 有 效 地 流动 起 来 ， 为 组 织 内 部 的 ERP、MIS 等 管理 系统 提供 信息 
支持 。 


1.2 ”电子 商务 网 站 的 分 类 和 构成 要 素 


1.2.1 电子 商务 网 站 的 分 类 


1， 按照 交 易 对 象 的 不 同 分 类 


(1) B2B (Business to Business)。B2B 是 指 网 站 进行 的 交易 活动 是 在 企业 与 企业 之 间 
进行 的 ， 即 企业 与 企业 之 间 通 过 网 站 进行 产品 或 服务 的 经 营 活 动 。 这 里 的 网 站 通常 是 第 三 
方 提供 的 平台 ， 企 业 不 需要 为 建立 和 维护 网 站 付出 费用 ， 只 需 向 第 三 方 交付 年 费 或 每 笔 交 
易 的 费用 即 可 。 类 似 的 平台 有 阿里 巴巴 、 慧 聪 网 、 中 国 化 工 网 和 敦煌 网 等 。 对 于 中 小 型 企 
业 来 讲 ， 第 三 方 平台 无 疑 提供 了 一 条 实施 电子 商务 的 捷径 。 

(2) B2C (Business to Consumer)。B2C 是 指 网 站 进行 的 交易 活动 是 企业 与 消费 者 之 
间 进 行 的 ， 即 企业 通过 网 站 为 消费 者 提供 产品 或 者 服务 的 经 营 活动 。 销 售 产品 的 网 站 几乎 
要 占 到 B2C 电子 商务 网 站 总 量 的 90%， 如 卓越 网 、 当 当 网 、 京 东 商 城 和 凡客诚 品 等 。 提 
供 服 务 的 网 站 则 要 少 一 些 ， 如 携程 网 为 消费 者 提供 了 酒店 预订 、 机 票 预 订 等 旅行 服务 ， 易 
美 网 则 为 人 们 提供 了 网 上 冲印 等 业务 的 服务 。 

(3) C2C (Consumer to Consumer)。C2C 是 指 网 站 进行 的 交易 活动 是 在 消费 者 与 消费 
者 之 间 进 行 的 ， 即 消费 者 通过 网 站 进行 产品 或 服务 的 经 营 活动 。 与 B2B 类 似 ， 这 里 的 网 
站 也 是 由 第 三 方 提供 的 平台 ， 参 与 交易 的 双方 也 通常 以 个 人 为 主 ， 如 淘宝 网 、 拍 拍 网 、 
百度 有 啊 等 。 

(4) B2G (Business to Govemment)。B2G 是 指 企业 与 政府 之 间 通 过 网 络 所 进行 的 交 
易 活动 的 运作 模式 。 例 如 ， 网 上 采购 ， 政 府 机 构 在 网 上 进行 产品 、 服 务 的 招标 和 采购 。 另 
外 ， 还 有 电子 通关 、 电 子 纳税 等 企业 与 政府 间 的 业务 等 。 

电子 商务 网 站 类 型 众多 ， 在 此 只 能 对 其 进行 大 致 分 类 。 实 际 上 ， 很 多 网 站 发 展 很 快 ， 
而 且 是 相互 融合 、 相 互 渗透 的 状态 ， 因 此 很 难 对 某 个 网 站 进行 精确 分 类 。 例 如 ， 淘 宝 网 以 
C2C 起 家 ， 但 随 着 天 猫 商城 〈 原 名 为 淘宝 商城 ) 的 成 立 ， 众 多 品牌 包括 联想 、 惠 普 、 迪 士 
尼 、Kappa、 罗 莱 家 纺 等 均 在 天 猫 商 城 开 设 了 官方 旗舰 店 ， 天 猫 商 城 整合 了 数 千 家 品牌 商 和 
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生产 商 ， 为 商家 和 消费 者 提供 了 一 站 式 解决 方案 ， 天 猫 商城 已 经 成 为 一 个 开放 的 B2C 平台 
2.， 按 产品 线 宽度 与 深度 分 类 


(1) 综合 型 网 站 。 网 站 是 能 够 提供 多 行业 、 多 种 产品 类 型 的 经 营 网 站 ， 通 常 聚 集 了 
大 量 产品 ， 类 似 于 网 上 购物 中 心 ， 旨 在 为 用 户 提供 产品 线 宽 、 可 比 性 强 的 商务 服务 ， 在 广 
度 上 下 工夫 。 例 如 ， 阿 里 巴巴 、 慧 聪 网 等 都 是 B2B 的 综合 型 网 站 ， 易 购 网 、 当 当 网 则 是 
B2C 的 综合 型 网 站 。 

(2) 垂直 型 网 站 。 这 类 网 站 提供 某 一 类 产品 及 其 相关 产品 〈 互 补 产品 ) 的 一 系列 服 
务 。 垂 直 型 是 指 在 一 个 分 销 渠道 中 ， 生 产 商 、 批 发 商 、 零 售 商 被 看 作 一 个 单一 的 体系 。 例 
如 ， 销 售 汽车 、 汽 车 零 配 件 、 汽 车 装饰 品 和 汽车 保险 等 产品 的 商务 网 站 ， 为 顾客 提供 了 一 步 
到 位 的 服务 。 

【 例 1-6】 汽车 之 家 网 (如 图 1-8 所 示 ) 


业 ] 言 和 票 毕 车 小 曹 /天 已 ”两 用 东 推 车 二 于 车 
于 To% i] tes 自由 并 Re Wri [2 让 


EE itp 2] 后 特 丝 Mie 天 条 宝 3 咱 


人 长 安福 特 三 工厂 探秘 (下 ) 


;| ;有 千 上 市/ 价格 1 | : 斌 盘 妆 析 ] | 7 儿 里 类 全 唐 必 


1-8 汽车 之 家 网 首页 

汽车 之 家 是 中 国 最 值得 信赖 的 汽车 互联 网 服务 平台 一 一 为 汽车 消费 者 提供 贯穿 选 车 、 
买 车 、 用 车 、 置 换 所 有 环节 的 全 面 、 准 确 、 快 捷 的 一 站 式 服务 ， 致 力 于 以 传媒 和 互联 网 的 
力量 ,整合 汽车 行业 全 产业 链 的 内 容 与 服务 ,提升 汽车 消费 者 的 生活 品质 ， 改 变 中 国人 的 
汽车 生活 。 汽 车 之 家 商城 是 汽车 之 家 旗下 的 电子 商务 平台 ， 也 是 国内 首 家 汽车 垂直 行业 的 
B2C 购物 网 站 。 

汽车 之 家 服务 区 是 一 个 基于 O20 模式 ( Online to Offline, 即 线 上 预订 线 下 消费 模式 )、 
提供 汽车 后 市 场 服务 的 电子 商务 平台 ,为 本 地 车 主 提供 值得 信赖 的 养车 用 车 服务 和 可 以 参 
照 对 比 的 优惠 价格 ， 满 足 消费 者 在 养车 用 车 过 程 中 的 认 知 、 选 择 和 消费 需求 。 
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截至 2014 年 9 月 ， 根 据 iUserTracker 数据 统计 ， 汽 车 之 家 PC 端 日 均 覆盖 人 数 达 830 
万 ， 人 均 单 日 浏览 时 长 达 16.4 分 钟 ， 示 还 领 先 于 其 他 网 站 ; 同时 期 , 汽车 之 家 移动 端 网 页 
版 日 均 UV 超过 400 万 , 汽车 之 家 移动 App 日 均 UV 达到 290 万 。 中 国 互联 网 用 户 在 线 浏 
览 汽 车 信息 时 ， 有 48% 的 时 间 花 费 在 汽车 之 家 。 

垂直 类 行业 平台 主要 有 两 个 特点 ， 一 是 专 。 集 中 全 部 力量 打造 专业 性 信息 平台 ， 主 要 
以 行业 为 特色 ， 对 某 一 行业 作 全 面 的 研究 。 二 是 深 。 此 类 平台 具备 独特 的 专业 性 质 ， 在 专 
业 的 同时 深入 研究 某 一 行业 的 特点 ， 深 入 探究 某 一 行业 的 服务 、 赢 利 以 及 未 来 发 展 动 向 。 

垂直 类 B2B 行业 网 站 的 出 现 使 电子 商务 正在 从 “大 而 全 ”的 模式 转向 专业 细 分 的 业务 
模式 。 例如， 中 国 服装 网 、 中 国 化 工 网 、 环 球 医药 信息 网 都 是 B2B 的 垂直 型 网 站 ， 而 蔚蓝 
书店 、 红 孩子 、 麦 包 包 都 是 B2C 的 垂直 型 网 站 。 


1.2.2 ”电子 商务 网 站 的 构成 要 素 


电子 商务 网 站 的 构成 要 素 依 据 网 站 类 型 和 规模 的 不 同 而 略 有 差异 。 一 般 情况 下 ， 企 业 
特别 是 中 小 企业 在 建立 电子 商务 网 站 时 ， 并 不 一 定 要 构建 网 络 基础 设施 ， 可 以 借助 ISP 
(Internet Service Provider) 提供 的 服务 器 搭建 自己 的 网 站 运行 平台 。 

从 本 质 上 讲 ， 电 子 商 务 网 站 的 构建 与 一 般 网 站 并 没有 太 大 的 差别 ， 也 需要 申请 域名 、 
申请 网 站 空间 、 制 作 网 页 与 维护 管理 等 流程 ， 但 作为 企业 在 Intemet 上 建立 的 门户 网 站 ， 
应 突出 电子 商务 特色 ， 在 功能 上 突出 电子 商务 的 功能 ， 在 页 面 效果 上 突出 商务 的 特点 。 因 
此 ， 电 子 商务 网 站 通常 由 前 台 网 页 和 后 台数 据 库 等 组 成 。 前 台 网 页 可 以 接受 客户 的 浏览 、 
注册 和 登录 , 后 台数 据 库 可 记录 下 客户 的 有 关 资 料 。 具体 来 讲 , 主要 由 以 下 几 个 部 分 组 成 。 


1， 网 站 域名 

域名 是 企业 、 机 构 或 者 个 人 在 域名 注册 商 上 注册 的 名 称 ， 是 互联 网 上 企业 或 机 构 间 相 
互联 络 的 网 络 地 址 。 域 名 必须 向 ISP 申请 。 国 内 有 许多 网 站 接受 域名 申请 ， 只 有 获得 批准 
后 ， 才 是 合法 的 域名 。 

2.， 网 站 物理 地 点 

网 站 物理 地 点 即 网 站 空间 ， 是 存放 网 站 的 磁盘 空间 ， 由 专门 的 服务 器 或 租用 的 虚拟 主 
机 承担 。 

3. 网 页 

每 个 网 站 都 由 许多 网 页 文件 组 成 。 网 页 文件 ， 即 网 站 的 源 文件 ， 网 页 之 间 以 超 链 接 相 
关联 。 电 子 商务 网 站 的 网 页 一 般 分 为 前 台 与 后 台 两 种 ， 前 台 页 面 提供 客户 注册 登录 及 商品 
分 类 ， 如 同 进入 一 家 大 的 商店 ， 让 客户 能 够 迅速 找到 想 要 的 商品 进行 购物 ， 如 图 1-9 所 示 。 
后 台 页 面 则 包括 了 管理 员 的 维护 工作 ， 如 商品 的 添加 等 ， 如 图 1-10 所 示 。 
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图 1-10 某 电子 商务 网 站 的 后 台 页 面 


4 货款 结算 

一 般 情况 下 ， 客 户 通过 购物 车 选 购 商品 ， 然 后 进行 结算 ， 确 定 付款 方式 、 送 货 地 点 和 
时 间 等 。 

S. 客户 资料 管理 

管理 已 注册 客户 的 姓名 、 通 信 地 址 、 电 话 和 电子 邮件 地 址 等 详细 信息 。 

6 商品 数据 库 管理 


及 时 盘点 商品 ， 做 好 商品 配 货 和 商品 配送 工作 。 
以 上 只 是 电子 商务 网 站 的 基本 结构 。 随 着 网 站 经 营 的 商品 和 经 营 规模 的 变化 ， 其 构成 
要 素 也 有 所 变化 。 
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1.3 ”电子 商务 网 站 建设 的 工具 


1.3.1 网 站 建设 工具 


“ 工 欲 善 其 事 ， 必 先 利 其 器 。” 电 子 商务 网 站 的 开发 是 一 个 复杂 的 过 程 ， 需 要 用 到 大 
量 的 工具 ， 因 此 选择 一 个 好 的 工具 会 让 工作 效率 事半功倍 。 本 节 只 进行 简要 介绍 ， 对 于 一 
些 主要 的 工具 将 在 后 面 章 节 进行 详细 学 习 ， 而 有 些 工 具 则 需要 自己 查找 相关 资料 学 习 。 

1. HTML 语言 

HTML 语言 是 学 习 网 页 制作 的 基础 ， 有 关内 容 将 在 第 4 章 详细 介绍 。 

2， 网 站 前 台 开 发 工具 


(1) 网 页 编辑 工具 。Dreamweaver 是 一 个 “所 见 即 所 得 ”的 可 视 化 网 站 开发 工具 。 利 
用 Dreamweaver 可 以 很 方便 地 管理 Web 站 点 ， 迅 速 完成 页 面 设计 。 网 页 的 编辑 包括 布局 
设计 和 代码 编辑 两 种 视图 。 在 代码 视图 下 ，HTML、CSS 及 ASP 程序 代码 等 都 可 以 在 
Dreamweaver 中 完成 。 在 设计 视图 下 进行 网 页 排版 布局 ， 可 智能 地 生成 前 台 网 页 代码 。 
与 “记事 本 ”等 编辑 器 相 比 ， 网 页 制作 人 员 可 以 节省 不 少 宝贵 的 时 间 ， 大 大 提高 了 工作 效 
率 。 与 该 软件 功能 类 似 的 还 有 微软 公司 的 FrontPage。 

(2) 图 片 处 理工 具 。 任 何 一 个 好 的 网 站 都 离 不 开 图 片 的 修饰 与 点 级 。 在 网 页 设计 中 ， 
Adobe Photoshop 不 仅 是 必 不 可 少 的 一 种 图 像 处 理 软件 ， 通 过 它 还 可 以 设计 页 面 布局 、 完 
成 切片 和 图 片 优化 工作 。 例 如 ， 制 作 网 站 效果 图 ， 通 常 都 是 先 用 Photoshop 来 制作 ， 然 后 
让 客户 确认 后 再 继续 其 他 操作 。 与 该 软件 功能 类 似 的 还 有 Fireworks, 它 以 处 理 网 页 图 片 为 
特长 ， 可 以 轻松 创作 GIF 动画 。 

(3) 动画 工具 。 网 页 动画 是 网 页 中 经 常 出 现 的 元 素 ， 它 可 以 美化 网 页 ， 使 网 页 产生 
绚丽 多 彩 的 动感 效果 。Flash 是 专门 用 来 设计 和 制作 交互 式 网 页 动画 的 工具 软件 ， 可 以 将 
音乐 、 图 像 和 视频 等 媒体 元 素 集 成 到 一 起 制作 出 很 酷 很 炫 的 效果 。Flash 的 应 用 也 有 一 定 
的 次 端 ， 它 的 内 容 不 能 被 搜索 引擎 很 好 地 抓 取 ， 甚 至 不 予 识 别 。 

Dreamweaver、Fireworks 和 Flash 3 个 软件 合 在 一 起 , 经 常 被 称 为 网 页 制作 “三 剑客 ”， 
这 3 个 软件 相辅相成 ， 可 谓 是 制作 网 页 的 最 佳 搭 档 。 

3.， 网 站 后 台 开 发 工具 

网 站 后 台 开 发 ， 主 要 是 指 动态 程序 开发 。 所 使 用 的 开发 技术 除了 早期 的 CGI 外 ， 目 前 
主流 的 动态 网 页 技术 有 ASP、PHP、JSP、ASPNET 等 。 本 书 将 以 ASP 和 VBScript 脚本 语 
言 作 为 主要 开发 工具 。 

动态 网 站 技术 主要 有 以 下 4 种 。 
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(1) ASP。 即 Active Server Pages (活动 服务 器 页 面 )， 是 微软 开发 的 一 种 类 似 HTML 
〈 超 文本 标记 语言 )、Script 脚本 与 CGI 的 结合 体 。ASP 没有 提供 自己 专门 的 编程 语言 ， 
而 是 允许 用 户 使 用 许多 已 有 的 脚本 语言 编写 ASP 的 应 用 程序 。 ASP 在 Web 服务 器 端 运 行 ， 
运行 后 再 将 运行 结果 以 HTML 格式 传送 至 客户 端的 浏览 器 。 通 过 使 用 ASP 的 组 件 和 对 象 
技术 ， 用 户 可 以 直接 存 取 数据 库 、 使 用 ActiveX 控件 、 调 用 对 象 方法 和 属性 ， 以 简单 的 方 
式 实现 强大 的 交互 功能 。 
ASP 技术 基本 上 是 局 限于 微软 的 操作 系统 平台 之 上 ， 主 要 工作 环境 为 微软 的 IIS 应 用 
程序 结构 , 因此 不 能 很 容易 地 实现 在 跨 平 台 Web 服务 器 上 工作 , 一 般 适合 一 些 中 小 型 站 点 。 
(2) PHP。 即 Hypertext Preprocessor( 超 文本 预 处 理 器 )， 其 语法 借鉴 了 C、Java、Perl 
等 语言 ， 但 只 需要 很 少 的 编程 知识 就 能 使 用 PHP 建立 一 个 真正 交互 的 Web 站 点 。 它 与 
HTML 语言 具有 非常 好 的 兼容 性 ， 使 用 者 可 以 直接 在 脚本 代码 中 加 入 HTML 标签 ， 或 者 
在 HTML 标签 中 加 入 脚本 代码 ， 从 而 更 好 地 实现 页 面 控制 。PHP 提供 了 标准 的 数据 库 接 
口 ， 数 据 库 连接 方便 、 兼 容 性 强 、 扩 展 性 强 ， 可 以 进行 面向 对 象 编 程 。 
(3) JSP。 即 Java Server Pages (Java 服务 器 页 面 )， 是 Sun Microsystem 公司 于 1999 
年 6 月 推出 的 新 技术 ， 是 一 种 基于 Java Servlet 以 及 整个 Java 体系 的 Web 开发 技术 。JSP 
与 ASP 非常 相似 , 但 嵌入 HTML 页 面 的 执行 代码 不 是 VBScript 之 类 的 脚本 ， 而 是 Java 代 
码 ， 这 是 两 者 最 明显 的 区 别 。 此 外 ，JSP 与 ASP 还 有 一 个 更 为 本 质 的 区 别 : 两 种 语言 引擎 
用 完全 不 同 的 方式 处 理 页 面 中 嵌入 的 程序 代码 。 在 ASP 下 ，VBScript 代码 被 ASP 引擎 解 
释 执行 ; 在 JSP 下 ,代码 被 编译 成 Servlet 并 由 Java 虚拟 机 执行 ， 这 种 编译 操作 仅 在 对 JSP 
页 面 的 第 一 次 请 求 时 发 生 。 
(4) ASPNET。ASPNET 是 微软 在 ASP 的 基础 上 推出 的 动态 网 页 设计 语言 。 与 ASP 
相 比 ， 不 是 简单 升级 ， 而 是 微软 提出 的 .NET 框架 的 一 部 分 ， 它 是 一 种 以 NET 框架 为 基础 
开发 网 上 应 用 程序 的 全 新 模式 。 
以 上 技术 在 制作 动态 网 站 上 各 有 优势 。 相 比 而 言 ，ASP 简单 易学 、 安 装 使 用 方便 。 如 
果 操 作 系 统 使 用 了 Windows 2000/XP/2003 或 Windows 7， 这 时 只 要 安装 了 IIS， 就 可 以 使 
用 ASP 了 ,不 必 花 费心 思 进 行 配 置 。 如 果 喜 欢 Linux， 可 以 选择 使 用 PHP 技术 。 如 果 特 别 
注重 跨 平 台 、 执 行 速度 和 安全 性 等 因素 ，JSP 技术 则 是 最 好 的 选择 。ASPNET 引入 了 面向 
对 象 的 设计 ， 并 通过 运行 编译 代码 来 提高 执行 效率 ， 有 更 为 庞大 的 新 控件 群 以 及 基于 
XML 的 组 件 ， 更 适合 书写 大 型 商业 应 用 站 点 。 
4.， 脚 本 语言 


脚本 语言 编写 的 程序 不 能 独立 运行 ,必须 嵌入 到 HIML 语言 中 才能 运行 。 为 了 完善 和 
增加 网 页 的 功能 ， 经 常 需要 在 网 页 文档 中 添加 一 些 脚本 代码 ， 以 增强 网 页 的 功能 。 目 前 ， 
比较 流行 的 脚本 语言 是 VBScript 和 JavaScript。 

脚本 程序 分 为 客户 端 脚 本 和 服务 器 端 脚本 。 

小 ”客户 端 脚本 : 脚本 程序 可 以 在 客户 端 直接 被 浏览 器 解释 执行 ， 客 户 端 脚本 是 直接 
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嵌入 到 HTML 文档 中 的 , 浏览 器 可 以 理解 其 中 的 语句 , 并 能 在 网 页 下 载 后 对 这 些 
语句 进行 解析 执行 。 客 户 端的 脚本 程序 通常 采用 JavaScript。 
省 “服务 器 端 脚本 : 脚本 程序 是 在 Web 服务 器 上 由 相应 的 脚本 引擎 来 解释 执行 ,生成 
的 HTML 页 面 由 Web 服务 器 负责 发 送 到 浏览 器 。 服 务 器 端 脚 本 程序 通常 采用 
VBScript。 
5S， 数据 库 
电子 商务 网 站 都 需要 后 台数 据 库 的 支持 ， 有 关 数 据 库 的 内 容 将 在 本 书 第 7 章 中 介绍 。 
6. FTP 工具 
FTP (File Transfer Protocol〉 即 文件 传输 协议 ， 是 一 个 用 于 在 两 台 装 有 不 同 操 作 系 统 
的 机 器 中 传输 计算 机 文件 的 软件 标准 。 它 属于 网 络 协议 组 的 应 用 层 ， 通 俗 地 说 ， 就 是 上 传 
网 页 等 网 站 内 容 到 服务 器 的 工具 。 
文件 上 传 工 具 种 类 较 多 , 通常 使 用 LeapFTP、FlashFXP 和 CuteFTP 等 , 具体 将 在 本 书 
第 3 章 中 进行 介绍 。 
1.3.2 ”网 站 建设 的 学 习 方 法 
网 站 建设 是 一 门 实践 性 很 强 的 课程 ， 为 了 让 读者 能 够 尽快 掌握 网 站 的 开发 技术 ， 本 节 
简单 介绍 本 课程 的 学 习 要 领 和 方法 ， 供 读者 参考 。 
1， 培养 学 习 兴 趣 
任何 学 习 都 需要 兴趣 ， 因 此 首先 应 当 培 养 自己 对 网 站 建设 的 兴趣 ， 只 有 这 样 ， 学 习 才 
能 顺利 地 进行 下 去 。 不 要 为 了 应 付 考试 而 学 习 ， 那 样 的 学 习 对 能 力 的 提高 没有 任何 意义 。 
2， 掌 握 语 言 基 础 
在 学 习 本 课程 之 前 ， 应 具备 一 定 的 Visual Basic 编程 语言 的 基础 知识 。 如 果 你 还 没有 
掌握 一 些 基本 语句 的 使 用 ， 建 议 再 复习 一 下 曾经 学 习 过 的 编程 语言 相关 知识 。 
3. 多 浏览 网 站 ， 举 试 边 学 边 做 
多 浏览 一 些 好 的 网 站 ， 多 看 网 站 的 代码 ， 学 会 边 读 边 做 ， 从 一 些 简单 的 功能 开始 尝试 
去 模仿 实现 。 
4. 不 贪 多 、 不 刻意 追求 新 技术 
网 站 的 动态 编程 技术 有 很 多 种 ， 不 要 去 在 意 A 语言 比 B 语言 好 的 说 法 。 对 于 网 站 中 
的 动态 程序 开发 ， 只 要 精通 一 种 语言 即 可 。 学 精 了 一 门 语言 ， 即 使 将 来 因 工作 的 需要 改 用 


其 他 语言 ， 也 一 定 能 够 触 类 旁 通 。 男 外 ， 在 学 习 初 期 ， 不 要 刻意 追求 新 技术 ， 一 定 要 注重 
基础 。 只 有 明白 了 基础 的 东西 ， 才 能 快速 提高 。 
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5S， 多 动手 ， 勤 练习 


学 习 网 站 建设 最 重要 的 秘诀 就 是 : 多 动手 。HTML、Dreamweaver、VBScript 和 ASP 
的 学 习 都 需要 通过 大 量 的 练习 ， 才 能 够 把 学 到 的 知识 变 成 你 的 能 力 。 因 此 ， 不 要 放 过 任何 
一 个 实践 的 机 会 ， 即 使 书 上 的 源 代码 ， 也 一 定 要 亲自 动手 将 其 变 成 自己 的 程序 。 

6， 多 看 相关 论坛 


网 上 的 资源 很 丰富 ， 多 看 一 些 相关 网 站 建设 论坛 的 好 帖子 ， 会 对 自己 水 平 的 提高 有 帮 
助 。 而 且 ， 别 人 的 问题 可 能 就 是 自己 以 后 会 碰 到 的 问题 。 如 果 能 尝试 帮助 别人 解决 问题 ， 
你 可 能 又 会 有 新 的 感悟 或 者 收获 。 


Os 


一 、 简 答题 


1. 简 述 电子 商务 网 站 的 主要 功能 和 构成 要 素 。 

2. 什么 是 垂直 型 电子 商务 网 站 ? 与 综合 型 网 站 有 什么 不 同 ? 请 举例 说 明 。 
3， 比较 阿里 巴巴 与 敦煌 网 两 大 B2B 网 站 ,分析 二 者 的 盔 利 模式 有 什么 不 同 。 
4. 什么 是 企业 营销 型 网 站 ? 简 述 企业 实施 电子 商务 的 意义 。 


二 、 选 择 题 
1. B2C 是 指 〈 Ne 
A. 企业 对 企业  B. 企业 对 个 人 C. 个 人 对 企业 ”D. 企业 对 政府 
2. 下 列 不 属于 C2C 的 网 站 是 ( )。 
A. 淘宝 网 B. 有 啊 C. 拍 拍 网 D. 当当 网 
3. 以 下 不 是 网 站 的 构成 要 素 的 是 〈 Js 
A. 网 页 B. 域名 C. 空间 D. 网 线 
4. 最 常用 的 网 页 动画 制作 工具 是 W 
A. Photoshop B. Fireworks C. Flash D. Dreamweaver 
5. 下 列 指标 中 能 反映 网 站 用 户 黏度 的 是 〈 六 
A. PR 值 B. PV 值 C. 回头 率 D. 提 袋 率 
sn 
一 、 实 训 目 的 


1. 了 解 电子 商 务 网 站 ， 加 深 对 电子 商务 网 站 的 感性 认识 。 
2. 分 析 电 子 商 务 网 站 的 现状 及 各 自 的 运营 与 管理 模式 。 
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二 、 实 训 内 容 


1. 访问 以 下 电子 商务 网 站 ， 了 解 它 们 的 运营 状况 ， 探 究 它们 各 自 的 商务 模式 、 主 营 
范围 、 物 流 配 送 、 盘 利 模式 及 网 站 推广 方式 。 

(1) 好 乐 买 (http:Wwww.okbuycom )。 

(2) 驴 妈 妈 (http://www.lvmama.com)。 

(3) 酒仙 网 (http:/wwwjiuxian.com )。 

(4) 携程 网 (http://wwwictrip.cn)。 

(5) 精英 乒乓 网 (http://www.pingpang.info)。 

(6) 敦煌 网 (http:Wwww.dhgate.com )。 

(7) 苏宁 易 购 《http://www.suning.com) 

(8) 世界 工厂 网 (http://ch.gongchang.com) 

2. 访问 中 华 英才 网 、 智 联 招聘 网 等 人 才 招 聘 网 站 ， 分 别 以 “电子 商务 ”“ 网 站 建设 ” 
“SEO 专员 ”“SEM 专员 ”等 作为 关键 字 对 招聘 单位 和 职位 进行 搜索 ， 阅 读 前 100 条 招聘 
信息 ， 了 解 电子 商务 、 网 站 技术 从 业 人 员 和 网 站 管理 员 的 工作 职责 。 看 看 招聘 信息 中 对 于 
岗位 的 要 求 是 什么 ， 然 后 记录 下 来 并 整理 好 ， 以 便 更 好 地 明确 自己 的 学 习 方向 。 

3. 掌握 文字 、 图 片 、 动 画 及 视频 素材 搜集 的 方法 ， 将 网 上 感 兴趣 的 素材 下 载 下 来 ， 
并 分 类 保存 在 不 同文 件 夹 下 ， 留 作 备用 。 
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‘ON 

\ 全 【学 习 目标 】 
@D 掌握 网 站 规划 的 基本 步骤 。 
@ 结合 网 站 实例 的 剖析 ， 了 解 电子 商务 网 站 的 功能 模块 组 成 。 
图 掌握 网 站 风格 设计 的 基本 原则 及 布局 要 点 。 


“凡事 预 则 立 ， 不 预 则 废 。 ”电子 商务 网 站 的 建设 是 一 个 复杂 的 系统 工程 ， 所 涉及 的 
内 容 很 多 ， 环 环 相 扣 ， 不 允许 脱节 ， 必 须 有 计划 、 有 步骤 、 按 规范 进行 实施 。 如 同 建设 一 
座 大 楼 ， 在 动工 之 前 ， 要 规划 大 楼 的 用 途 、 设 计 大 楼 的 图 纸 ， 网 站 的 建设 也 要 在 规划 与 设 
计 的 基础 上 进行 。 网 站 前 期 规划 与 设计 的 好 坏 直 接 影响 着 电子 商务 网 站 的 设计 与 实施 。 


2.1 网 站 前 期 规划 


2.1.1 网 站 总 体 规划 


电子 商务 网 站 的 规划 是 指 在 网 站 建设 前 确定 网 站 的 主题 和 目标 ， 对 网 站 目标 定位 ， 进 
行内 容 规 划 和 功能 规划 。 主 要 内 容 应 该 包括 网 站 构建 目标 和 开展 的 业务 分 析 、 网 站 目标 客 
户 分 析 、 网 站 市 场 定 位 分 析 、 技 术 与 经 济 可 行 性 分 析 、 运 行 环境 和 技术 及 工具 的 选择 等 。 

1， 确 定 网 站 主题 与 建站 目标 


电子 商务 网 站 的 建设 要 从 企业 的 战略 规划 出 发 ， 根 据 自身 的 优势 特点 准确 地 定位 网 
站 ， 明 确 网 站 的 功能 。 例 如 ， 一 提 到 京东 商城 ， 人 们 马上 会 想到 这 是 一 个 以 数码 类 产品 为 
主 的 网 上 商城 ; 一 提 到 卓越 网 ， 人 们 会 想起 这 是 一 个 以 图 书 销售 为 主 的 网 站 ;而 一 提起 红 
孩子 ， 你 就 会 想起 那 是 一 个 专门 经 营 母 婴 类 商品 的 网 站 。 企 业 要 实施 电子 商务 ， 在 动手 制 
作 自 己 的 网 站 之 前 ， 首 先 要 考虑 的 就 是 自己 的 网 站 究竟 要 做 些 什么 ， 通 过 这 个 网 站 要 表达 
什么 内 容 ， 这 就 必须 给 自己 的 网 站 划 定 一 个 范围 。 有 的 商城 网 站 ， 由 于 目标 不 明确 ， 不 考 
虑 自身 实力 与 定位 ， 网 上 什么 都 卖 ， 结 果 成 了 大 杂烩 ， 没 有 任何 特色 ， 自 然 也 不 能 吸引 眼 
球 ， 最 后 导致 什么 也 卖 不 出 去 的 尴 众 。 

具体 到 一 个 企业 ， 究 竟 应 该 如 何 为 自己 的 网 站 确定 主题 和 目标 呢 ? 

一 方面 ， 企 业 要 确认 建立 网 站 的 目标 是 树立 企业 形象 ， 还 是 展示 产品 、 拓 展 市 场 ， 是 
宣传 自己 的 思想 、 理 念 ， 还 是 调查 用 户 反映 、 改 进 售后 服务 ;是 为 企业 做 宣传 ， 加 强 客户 
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的 沟通 ， 还 是 要 实现 网 络 营销 与 电子 商务 。 

另 一 方面 ， 要 分 析 企业 自身 的 具体 情况 ， 包 括 企业 的 进货 渠道 资源 、 企 业 的 市 场 销售 
资源 优势 、 企 业 的 品牌 知名 度 及 消费 市 场 认 知 度 、 企 业 的 资金 实力 和 企业 所 处 的 行业 地 
位 等 。 

2. 市 场 需求 分 析 


(1) 要 分 析 网 络 中 企业 现 有 的 竞争 对 手 。“ 知 己 知 彼 ， 百 战 不 殉 ” 可 以 利用 搜索 引 
擎 和 阿里 巴巴 等 相关 平台 进行 详细 调查 ， 收 集 相 关 企 业 信息 和 资料 ， 包 括 竞 争 对 手 运营 模 
式 、 市 场 占有 率 、 技 术 和 经 营 实力 等 ， 制 订 相 应 策略 和 正确 的 操作 步骤 。 竞 争 对 手 的 产品 
与 服务 及 在 网 络 运营 方面 的 优势 可 能 是 后 来 者 进入 的 强大 障碍 。 对 于 中 小 企业 而 言 ， 通 常 
情况 下 , 应 定位 为 行业 细 分 领域 的 B2C， 如 服装 、 家 电 等 , 并 把 自己 熟悉 的 行业 做 精 做 透 ， 
这 才 是 成 功 的 必由之路 。 尽 量 不 要 做 综合 型 平台 ， 因 为 这 类 平台 前 期 投资 很 大 ， 并 且 市 场 
已 经 被 “京东 ”“ 亚 马 逊 ”和 “当当 ”所 占领 ， 属 于 竞争 激烈 的 范畴 。 例 如 ,“ 连 趣 网 ” 
和 “卡通 之 窗 网 ”都 是 经 营 连 环 画 业务 的 网 站 ， 虽 然 实 力 远 不 及 当当 与 卓越 ， 但 由 于 突出 
了 自己 的 鲜明 特色 ， 各 自 拥 有 了 数 万 名 的 粉丝 会 员 ， 从 而 可 以 很 好 地 生存 ， 避 免 了 与 当当 
的 同 质 化 竞争 ， 如 图 2-1 和 图 2-2 所 示 。 


连 趣 网 首页 “这 坊 新 闻 话 仿 商 滤 两 新 连环 百 老 酉 六 环 面 。 电 茵 剑 日 。 名 家 岳 首 用 户 名 + ] 国 
固 息 治 坛 。 这 直 情 刘 。 宝 由 民 示 。 过 再 基 信 人 休 合 信 。 走 再 护 关 。 在 线 沪 雇 要 而 + Ez 


术 月 热门 排行 
OE (170) 》 

日 《 长 证 之 路 书 答 [16 纺 》》 
《长生 之 路 。 直 站 3 号 《 靖 》 


< 于 国人 业 》 
-> 《水 游 一 百 单 从 将 《so 开外 

国 辣 二 oo 十 小村) < 和 
i 4 Ot。 (站 


日 《 吉 各 记 (so 小 本 少 
四 <《 刘 半 位 (50 开 小 本 ) 》 
加 《种类 星 , 制 时 管 (3 折 50》 


攻 拱 二 仙 ， 理 有 加 县 
* 二 群 大 入 热 执 周 辣 斗 小 人 书 (图 
连 趣 商城 | 免费 开店 "BY Ca 上 Ji 站 HH 行 
aR ld | > PT 
CS 本 四 画 商 坛 上 线 了 7 | 恨 
， 长 全 > 路。 过 绝 呈 《 


"每 日 连环 面 除 剖 县 示 。 当 用 而 书 又 20005 六 全 组 天 雪夫 (50 于 小 梧 ” 抽 
名 李 亚 村 面 传 (32 开平 ”时 
六 绝 代 竺 人 页 梦 《 答 名 全 


图 2-1 连 趣 网 首页 


(2) 企业 所 处 地 区 的 地 理 位 置 、 经 济 发 展 状况 、 政 府 的 支持 力度 及 物流 配送 条 件 等 
环境 因素 也 都 是 市 场 调研 的 内 容 ， 对 于 企业 实施 电子 商务 最 终 能 否 成 功 起 着 关键 作用 。 

建立 电子 商务 网 站 , 企业 面 对 的 是 一 个 新 的 商务 模式 与 新 的 市 场 环 境 , 并 不 是 简单 地 把 
传统 的 产品 与 渠道 放 到 网 上 进行 实施 就 可 以 了 。 准确 的 市 场 分 析 是 建立 电子 商务 网 站 的 前 
提 。 企 业 推出 的 任何 产品 与 服务 都 不 能 自己 一 厢 情 愿 ， 必 须 在 建站 之 前 ， 对 相关 行业 的 市 


25 


电子 商务 网 站 建设 与 管理 (第 2 版 ) 
场 进行 需求 分 析 ， 在 电子 商务 网 站 增加 的 每 一 项 功能 和 服务 都 是 建立 在 全 面 的 需求 分 析 基 
础 之 上 。 
连环 画 收 藏 袋 > 本 
一 防潮 、 防 娃 、 防 人 尘 、 防 泛 黄 


奢 | 圣 命 战争 | 中 外 历史 | 历史 故事 | 


爱 看 连环 夯 第 14 
强 - 中 国 少数 民族 


亲手 小 小 涯 环 本 金 卡 价 :104. 00 


S、 KZ 的 3 本 a 
图 2-2 卡通 之 窗 网 首页 
3， 收 集资 料 、 广 泛 调研 ， 进 行 目标 客户 分 析 


企业 应 当 调 查 所 面 对 的 消费 者 群体 的 详细 情况 ， 并 进行 目标 客户 分 析 ， 如 客户 的 年 龄 
结构 、 文 化 水 平 、 收 入 水 平 、 消 费 倾向 及 对 新 事物 的 敏感 程度 等 。 以 外 贸 网 站 为 例 ， 需 要 
分 析 的 内 容 包 括 : 客户 分 布 在 哪些 国家 和 地 区 ? 目标 客户 会 有 哪些 爱好 和 习惯 ? 目标 客户 
会 在 互联 网 上 的 哪些 地 方 出 现 ? 目标 客户 在 用 哪些 方法 寻找 他 们 需要 的 产品 和 服务 ? 一 
定 要 记 住 这 个 理念 : 从 营销 的 角度 来 建设 网 站 。 具 体 调研 步骤 如 图 2-3 所 示 。 


(2) 撰写 调研 报告 (3 ) 需求 调研 与 资料 整理 


图 2-3 ”网 站 调研 步骤 
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4. 可 行 性 分 析 评 估 

可 行 性 研究 的 目的 是 确定 该 网 站 项 目 是 否 能 够 开发 ， 是 否 值得 去 开发 。 一 般 可 从 以 下 
3 个 方面 分 析 研 究 网 站 开发 方案 的 可 行 性 。 

(1) 经 济 可 行 性 。 经 济 可 行 性 是 指 对 开发 的 项 目 进行 投入 成 本 的 估算 和 取得 效益 的 
评估 ， 确 定 要 开发 的 项 目 是 否 值得 投资 。 网 站 开发 的 成 本 费用 主要 包括 域名 、 主 机 的 申请 
及 开发 费用 ;网 站 的 运行 管理 成 本 则 主要 包括 网 站 的 推广 费用 、 安 全 保证 费用 、 人 员 费 用 、 
维护 费用 及 管理 费用 等 。 网 站 的 收益 包括 直接 收益 和 间接 收益 。 直 接收 益 指 通过 在 线 销售 网 
上 产品 或 服务 、 广 告 收入 等 所 获取 的 收益 ， 间 接收 益 则 包括 品牌 收益 及 网 站 对 其 他 业务 的 
积极 影响 。 

(2) 技术 可 行 性 。 对 要 开发 项 目的 功能 、 性 能 、 限 制 条 件 进 行 分 析 ， 确 定 在 现 有 的 
资源 条 件 下 ， 技 术 风险 有 多 大 ， 项 目 是 否 能 实现 。 这 里 的 资源 包括 已 有 的 或 可 以 获得 的 硬 
件 、 软 件 资源 ， 以 及 现 有 技术 人 员 的 技术 水 平和 已 有 的 工作 基础 。 

(3) 社会 环境 可 行 性 。 社 会 环境 可 行 性 所 涉及 的 范围 比较 广 ， 既 包括 法 律 方 面 的 合 
同 、 侵 权 问 题 ， 也 有 市 场 与 政策 问题 及 其 他 一 些 技 术 人 员 常 常 不 了 解 的 陷阱 等 。 


2.1.2 ”网 站 内 容 与 功能 设计 


1， 内 容 分 类 和 栏目 设计 


网 站 内 容 是 网 站 信息 的 集合 。 在 前 期 目标 市 场 需求 分 析 阶 段 获取 的 信息 ， 经 过 分 析 归 
纳 就 可 以 得 到 内 容 需 求 。 无 论 网 站 界面 多 么 漂亮 ， 模 式 多 么 先进 ， 用 户 看 重 的 主要 还 是 内 
容 。 不 管 是 商业 信息 、 行 业 动态 ， 没 有 它们 ， 就 犹如 一 个 商场 建设 得 非常 漂亮 却 没有 商品 
一 样 ， 没 有 任何 意义 ， 也 不 会 有 人 来 光顾 。 一 些 企业 由 于 对 网 站 的 前 期 工作 做 得 不 充分 ， 
市 场 定 位 、 目 标 客 户 模糊 不 清 ， 甚 至 一 个 网 站 只 发 布 了 几 页 内 容 ， 而 且 长 年 累 月 不 更 新 ， 
这 样 的 网 站 无 异 于 一 个 摆设 。 

确立 网 站 的 内 容 以 后 ， 要 进行 内 容 分 类 和 组 织 。 栏 目 设计 的 最 基本 任务 是 建立 网 站 内 
容 展示 的 框架 , 具体 要 确定 哪些 是 必需 的 栏目 , 哪些 是 重点 栏目 , 并 建立 栏目 的 层次 结构 。 

设计 栏目 时 应 遵循 以 下 一 些 基 本 原则 。 

(1) 列 出 的 栏目 都 应 是 网 站 最 有 价值 的 内 容 。 

(2) 与 网 站 定位 无 关 的 栏目 应 删除 。 

(3) 栏目 的 设计 应 方便 访问 者 的 浏览 、 交 互 和 查询 。 

(4) 突出 直接 的 电子 商务 主题 。 

2、， 前 台 功能 设计 


下 面 以 一 个 典型 的 商城 类 电子 商务 网 站 为 实例 进行 剖析 ， 以 了 解 电子 商务 网 站 的 结构 
和 各 功能 模块 。 
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(1) 商品 导航 与 展示 。 电 子 商务 网 站 的 核心 功能 就 是 为 用 户 提供 商品 ， 如 同 我 们 去 
超市 一 样 ， 客 户 能 方便 迅速 地 找到 自己 所 需要 的 商品 ， 并 能 对 此 类 商品 的 详细 信息 进行 查 
看 。 因 此 ， 在 商品 导航 上 应 提供 商品 分 类 、 热 卖 商品 、 单 个 商品 的 详细 展示 及 最 新 商品 等 
多 种 方式 。 此 外 ， 还 应 提供 商品 按 关 键 词 进 行 搜索 的 功能 。 

Q 商品 分 类 展示 。 如 图 2-4 所 示 ， 网 站 把 所 有 的 产品 按 大 类 区 分 ， 然 后 再 具体 分 为 各 
种 小 类 ， 如 图 2-5 所 示 。 这 样 ， 可 提高 用 户 查询 所 需要 商品 的 效率 。 


回 护肤 化 妆 
田 ”办 公用 品 
由 。 饰物 精品 
田 。 时 装 衣物 
习 。 电脑 产品 


可。 软件 源码 
加 。 杂志 光 妹 
本 数码 产品 
可。 时尚 包 包 


图 2-4 商品 分 类 大 类 图 2-5 商品 分 类 小 类 


@ 最 新 商品 展示 。 如 图 2-6 所 示 ， 商 品 的 时 间 排 序 可 帮助 用 户 查 找到 最 新 的 商品 。 一 
般 的 排序 方式 除了 按 上 架 时 间 ， 还 有 按 销量 的 多 少 ， 即 热卖 商品 。 


4 能 数码 相机 
市 场 价 :1800 元 
会 员 价 元 


2-6 ”最 新 商品 


@) 按 关键 字 搜 索 商 品 。 如 图 2-7 所 示 ， 如 果 当 前 页 没有 用 户 确定 要 买 的 商品 ， 又 无 法 
通过 目录 轻松 找到 ， 这 时 就 可 以 通过 关键 字 直接 搜索 ， 如 商品 名 称 、 价 格 等 。 


Es 
图 2-7 按 关键 字 搜 索 


@ 按 单个 商品 展示 。 前 面 都 是 针对 大 类 商品 设 定 的 功能 ， 一 旦 用 户 找到 所 需 商品 ， 
则 更 关注 的 是 这 个 商品 的 详细 内 容 ， 如 图 2-8 所 示 。 
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【商品 名 称 : 】 维 多 利 亚 十 字 勋 章 休闲 包 
【商品 简介 : 】 维 多 利 亚 十 字 勋 章 休闲 包 休闲 出 游 ， 时 尚 大 气 ! 


【商品 等 级 : 】 精 品 【商品 型 号 : 】 【浏览 次 数 ] 1 
【赠送 积分 ] 1 分 【剩余 数量 ] 10 件 【会 员 商品 】 是 
【市 场 价格 】 闻 228 元 【会 员 价格 128 元 【马上 节省 】100. 00 元 


闻 NA 


2-8 单个 商品 展示 


(2) 用 户 注册 与 登录 。 一 般 网 站 都 会 要 求 用 户 先 完成 注册 ， 即 由 顾客 填写 一 些 个 人 
信息 后 成 为 会 员 ， 如 图 2-9 所 示 。 网 站 对 会 员 提供 一 些 优惠 ， 这 样 可 以 吸引 用 户 下 次 再 来 
购买 ， 又 可 以 为 商城 促销 保证 流量 。 当 前 ,更 好 的 一 种 方式 如 卓越 网 采用 的 E-mail 注册 方 
式 ， 这 样 比 使 用 一 般 用 户 名 更 能 有 效 减少 胡乱 注册 的 现象 。 成 为 会 员 后 ， 还 可 以 实现 积分 
查询 与 兑换 、 订 单 查询 等 功能 。 

(3) 最 新 公告 。 网 站 可 将 最 新 上 市 商品 、 促 销 等 各 类 信息 以 网 站 公告 形式 及 时 通知 
用 户 ， 如 图 2-10 所 示 。 


春季 新 品 上 市 


图 2-9 注册 与 登录 图 2-10 最 新 公告 

(4) 购买 商品 的 流程 。 

@ 将 商品 加 入 购物 车 。 作为 一 个 电子 商务 网 站 , 购物 车 的 功能 是 必 不 可 少 的 , 如 图 2-11 
所 示 。 购 物 车 的 功能 一 方面 可 以 方便 同一 用 户 购买 多 种 商品 ， 另 一 方面 还 让 用 户 直观 地 查 
看 商品 信息 和 购物 金额 ， 更 新 商品 数量 或 删除 商品 ， 防 止 顾 客 因 掉 线 而 丢失 购物 车 的 商品 
信息 。 此 外 ， 购 物 车 的 设计 不 仅 可 以 针对 注册 会 员 ， 还 可 以 针对 临时 顾客 。 

以 下 是 您 购物 车 中 的 商品 信息 ， 请 核对 正确 无 误 后 下 单 ， 非 注册 用 户 请 牢记 你 的 订单 号 以 便 日 后 查询 ! 
选中 /清除 商品 名 称 数量 ”积分 会 员 价 成 交 价 总 计 


回 康佳 Q7 GSK 手 机 1 1 1200 1200 1200 


加 佳能 A2200 数码 相机 1 150 1500 1500 


1500 


您 现在 是 : 非 注册 用 户 ”享受 折扣 : 0% 
[ES [二 KG。 [二 生物 折 后 总 计 : 2700 元 


获得 积分 : 151 分 


2-11 ”购物 车 


@ 去 收银 台 结账 ， 生 成 订单 信息 。 结 账 前 一 般 会 要 求 用 户 登录 ， 这 样 可 获取 用 户 的 
信息 ， 从 而 免 去 用 户 重新 输入 的 麻烦 。 如 图 2-12 所 示 ， 用 户 可 选择 送 货 方式 和 支付 方式 。 
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送 货 方式 通常 包括 EMS、 人 快递、 普通 平邮 等 ; 支付 方式 通常 包括 网 银 支 付 、 支 付 宝 支付 和 
邮局 汇款 等 方式 。 提 交 后 ， 即 可 生成 订单 。 


编号 商品 名 称 数量 积分 会 员 价 邮费 成 交 价 总 计 
584 ”康佳 o7 GSK 手机 六 1200 0 1200 1200 
585 ”佳能 42200 数码 相机 1 150 1500 0 1500 1500 


您 现在 是 : 普通 会 员 ”享受 折扣 : 0% 商品 总 计 : 2700 元 ”获得 积分 : 151 分 


收 货 人 姓名 : 引 E 性 别 : 男 - 
详细 地 址 : 北京 清华 大 学 

邮 编 : 100000 

电话 : 1234567 

手机 : 1328525008 | 

电子 邮件 Wjzz69@163.com 


送 货 上 门限 制 于 本 市 
支付 宝 支 付 
网 上 支付 

支付 方式 : 郎 局 汇款 
交通 银行 汇款 

建设 银行 汇款 


2-12 ”选择 支付 方式 


(5) 付款 方式 说 明 及 售后 服务 。 有 关 付 款 方式 、 送 货 方式 及 质量 保证 条 款 、 售 后 服 
务 等 措施 都 是 用 户 比较 关心 的 问题 ， 应 尽 可 能 详细 提供 ， 如 图 2-13 所 示 。 


付款 方式 | 送 货 方式 ;常见 问题 | 售后 服务 : 购物 车 ; 运输 说 明 i 订单 查询 


图 2-13 售后 说 明 
3， 后台 功能 设计 


网 站 的 商品 维护 、 信 息 的 发 布 、 销 售 订 单 的 处 理 以 及 用 户 的 管理 ， 都 是 由 管理 员 在 后 
台 完 成 的 。 下 面 简要 介绍 后 台 的 主要 模块 的 功能 。 

(1) 商品 信息 管理 。 商 品 管理 是 网 站 最 重要 的 一 项 功能 。 管 理 员 可 以 进行 商品 的 分 
类 管理 、 商 品 的 图 片 管理 和 商品 的 价格 管理 , 还 可 为 不 同等 级 会 员 设 定 不 同 价格 优惠 级 别 ， 
如 图 2-14 和 图 2-15 所 示 。 

(2) 订单 信息 管理 。 商 品 订单 的 管理 也 是 网 站 运营 的 一 个 关键 环节 ， 涉 及 几 个 不 同 
部 门 的 分 工 合作 ， 包 括 订单 的 审核 、 收 款 的 确认 及 配 货 等 ， 如 图 2-16 所 示 。 

对 于 后 台 的 功能 模块 ， 除 了 以 上 最 重要 的 两 个 以 外 ， 还 包括 信息 发 布 的 管理 、 商 品评 
价 的 管理 、 用 户 管理 以 及 权限 的 管理 等 ， 这 里 不 再 一 一 阐述 ， 需 要 时 开发 人 员 可 根据 网 站 
的 实际 需求 来 进行 开发 。 
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商品 大 类 管理 
分 类 名 称 分 类 排序 一 级 分 类 确定 操作 
护肤 化 六 1 目 一 级 全 吏 ] 划 除 
办 公用 品 2 上 级 EI 
饰物 精品 3 一 级 [修改 ] 删除 
时 装 表 物 < 回 一 级 [ 借 改 ] 删除 
电脑 产品 5 回 一 级 EE 
软件 源码 6 一 级 EE 
1 G 下 一 级 E33 
数码 产品 8 目 一 级 [修改 ] 删除 
GEL 日 一 级 E33 


图 2-14 商品 分 类 信息 管理 


选择 分 类 : 类 : 打印 机 ~ 

商品 名 称 : 

商品 品牌: 请 选择 品牌 ~ 

商品 简介 : 

上 市 日 期 : 20li2 ~ 年 ol v 月 ov 日 

商品 价格 : 。 市 场 价 : 1 元 , 会 员 价 : 1 元 ， 附 加 邮费 : 0 元 ,会 员 商品 : 是 ~ 
库存 情况 : 。 库 存 : 1 件 ， 婴 送 积分 : 1 分 (库存 为 0 显示 缺 货 ， 库 存 小 于 0 商品 隐藏 
商品 等 级 精品 

商品 型 号 : 

商品 图 片 : inages/enptybook. jpg [上 SF | 


2-15 ”商品 添加 


选择 订单 状态 。 ~ 
订单 号 收 货 人 金额 总 计 付款 方式 收 货 方式 订单 状态 
云 1200 帮 建设 银行 汇款 货 到 付款 未 作 任何 处 理 


20110502203138 马云 
20110502203018 ayun 1 支付 宝 支付 送 货 上 门 未 作 任 何 处 理 
20070419134922 建设 银行 汇款 E-nail 用 户 已 经 收 到 货 
20060406192414 2 支付 宝 支付 普通 平邮 用 户 已 经 收 到 货 


图 2-16 管理 商品 订单 
4. 企业 营销 型 网 站 的 设计 


过 去 大 部 分 企业 由 于 不 懂 网 络 营 销 方面 的 知识 ,感觉 做 个 网 站 就 是 为 了 证 明 自 己 公司 
有 网 站 , 输入 网 址 能 够 在 网 上 搜索 到 就 可 以 了 。 这 类 企业 网 站 的 标准 , 相对 来 说 比较 简单 ， 
包括 的 内 容 也 比较 少 ,例如 “关于 我 们 ”“ 荣 誉 资质 ”“ 产 品 中心 ” 等 之 类 的 内 容 ， 而 且 设 
计 的 版 面 也 比较 单一 。 他 们 认为 网 站 的 概念 和 网 上 展示 的 概念 基本 上 一 致 ， 并 没有 想 过 用 
网 站 销售 自己 的 产品 ， 通 过 建立 一 个 营销 型 的 网 站 ， 让 网 站 自己 说 话 搞定 客户 。 最 后 的 结 
果 ， 这 一 类 企业 站 点 大 多 与 同行 网 站 同 质 化 ， 没 有 差异 化 的 内 容 和 特色 ， 没 有 与 客户 的 互 
动 ， 没 有 流量 与 转化 ， 企 业 网 站 基本 沦落 成 为 一 个 摆设 。 

因此 ， 企 业 建 网 站 ， 一 定 要 建设 营销 型 网 站 。 那 么 ， 什 么 样 的 网 站 才能 够 达到 营销 型 
网 站 的 设计 标准 呢 ? 
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(1) 网 站 内 容 充实 ， 满 足 用 户 需求 

对 于 一 般 的 企业 ， 主 要 栏目 应 包括 以 下 几 个 方面 。 

小 ”产品 或 服务 展示 信息 ， 包 括 产品 的 分 类 信息 、 详 细 信 息 、 其 他 相关 信息 等 。 多 数 
用 户 到 网 站 后 首先 就 是 查看 企业 产品 情况 ， 因 此 产品 和 服务 信息 展示 是 第 一 位 
的 ， 这 些 内 容 的 展示 可 以 第 一 时 间 满 足 客户 对 产品 的 了 解 。 

小 ”公司 介绍 ， 一 般 包括 公司 简介 、 发 展 历程 、 公 司 荣誉 等 。 通 过 这 些 内 容 的 介绍 ， 
一 方面 让 客户 认 知 企业 ， 另 外 也 可 以 增加 公司 的 真实 性 ， 让 客户 信任 企业 。 

小 ”客户 案例 和 上 典型 合作 伙伴 ， 客 户 和 合作 伙伴 尤其 是 有 实力 的 合作 伙伴 的 介绍 能 增 
强 公司 的 信服 力 ， 如 图 2-17 所 示 。 

小 ”公司 相关 支付 、 发 货 、 物 流 、 和 售后 信息 ， 这 些 内 容 的 介绍 可 以 帮助 客户 解决 交易 
过 程 中 的 后 顾 之 忧 ， 也 可 以 防止 客户 电话 里 面 不 容易 记忆 。 

小 ”公司 的 企业 动态 、 招 聘 信息 等 。 

小 ”产品 常见 问题 解答 和 产品 应 用 问题 解决 方案 ， 如 图 2-18 和 图 2-19 所 示 。 


西 森 工 程 案例 


超大 型 装备 制造 业 。 。 中 型 装备 制造 业 
汽车 制造 业 现代 制造 业 
织造 印染 行业 纺织 / 制 衣 行业 
城市 集中 供 热 供暖 。。 生物 质 锅炉 行业 
热电 行业 造纸 行业 


请 问 负 压 变 送 器 和 差 压 变 送 器 有 什么 

图 闽 茵 这 二 可 可 以 测量 供 于 大 气压 的 压 
力 ， 测量 值 是 负 未; 差 压 变 送 器 是 列 
量 两 个 区 域 的 压力 差 ， 测量 值 是 正 
数 。 

We 对 炉 胖 压 力 的 差 压 交 送 器 导管 

图 沿 P 的 炉 检 一 般 孝 是 负 压 的 情况 比较 
多 ， 很 少 有 正 压 的 ! 接 正 压 端 ， 列 量 
什 是 负数 ; 接 负 压 端 ， 测量 信 是 正 
数 。 具 体 接 法 ， 看 现场 实际 需 


图 2-17 某 公 司 网 站 工程 案例 栏目 图 2-18 ” 某 公 司 网 站 产品 应 用 常见 问题 栏目 


小 ”售后 服务 ， 如 图 2-20 所 示 。 

(2) 体现 便捷 服务 、 强 化 客户 体验 

当 一 个 客户 访问 企业 网 站 时 ， 他 的 每 一 个 微妙 的 感受 都 将 影响 到 他 对 企业 品牌 的 判 
断 。 网 站 的 视觉 效果 是 否 良好 、 速 度 是 否 快 、 信 息 导 航 是 否 便捷 、 沟 通 是 否 通畅 快速 等 要 
素 都 构成 了 一 个 客户 体验 。 良 好 的 客户 体验 使 得 客户 对 企业 品牌 产生 好 感 和 信赖 ， 而 不 好 
的 客户 体验 会 导致 客户 对 企业 的 品牌 实力 和 服务 水 平 产 生 怀 疑 ， 并 最 终 放弃 进一步 和 企业 
的 业务 联系 。 
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首页 > 计量 系统 方案 


? bn 
它 [ES 
压 控制 系统 流量 定量 控制 系统 热 水 热 量 计量 系统 
ET 
一 起 一 
饱和 蒸汽 计量 系统 过 热 蒸汽 计量 系统 导热 油 炉 热量 计量 系统 


2-19 ” 某 公 司 网 站 工程 解决 方案 栏目 


二 .专家 义务 远 型 


工程 方案 预选 产品 : 条 全 + 耐 闹 冲 泵 产品 型 号 选 描 用 不 了 自我 们 的 ， 我 们 绽 您 全 额 遇 致 + 


.您 看 到 丝 急 后 本 付款 
再 不 担心 上 当 受 骗 。 下 单 后 公司 安排 生产 出 货 ， 当 耐 席 蚀 泵 到 达 您 手中 再 行 付款 ， 诬 免 虚 名 交易 给 您 沉 未 
伤害 。 


号 .退货 先行 同 付 


始终 走 在 同行 的 前 列 : 我 们 信任 每 一 位 贵宾 ， 当 您 需要 更 换 产品 ， 只 需 提交 念 的 物流 单 号 ， 我 们 立即 


® 别 担心 


本 总 旭 歼 ， 介 证 王位 中 喜 的 权益 ， 如 果 没 有 人 到 ， 请 站 提供 作 证， 联系 投诉 中 心 罗 有 事 宗 CQ 坊 1， 号 全 外 无 理由 退货 


oo 天 。 


4 .快递 责任 我 人 
物流 问题 我 们 负责 到 底 : 物流 过 程 中 产品 破损 ， 我 们 无 条 件 补 发 全权 负 责 追 踪 * 


八道 质 检 程 序 全 程 护航 : 超人 系 浦 每 一 单产 品 发 出 前 都 会 经 过 八道 质 检 ， 人 进口 原料 质 检 、@@ 啤 伏 产 品质 检 、 国 加 工 半 成 品 尺寸 质 检 、@ 组 装 半成品 质 检 、 回 成 品 各 攀 
惧 质 检 、@@ 试 机 各 做 数 质 检 、 配 货 时 配 检 、@@ 发 货 时 专人 路 检 。 质 检 团 队 保证 耐 遍 蚀 泵 产品 质量 ， 眼 里 必须 容 不 下 一 粒 沙 子 ， 一 点 各 病 ! 


热情 的 10 信 才 是 激情 : 超人 系 清 客服 为 您 名 答 的 过 程 中 我 们 不 甘于 只 是 热情 时务， 我 们 要 的 是 汶 情 。 我 们 的 定位 是 10 信 的 热情 才 是 激情 ， 如 果 您 饥 得 我 们 不 够 泊 情 ， 请 
| 共 图 ， 联 系 投诉 中 心 因 有事 您 @ 我 LU， 同 传 让 1o0 元 : 


了 .配送 全 程 中 窜 
一 切 尽 在 您 掌握 中 : 订单 发 货 > 到 达 城市 > 签收， 所 有 快递 在 用 中 我 们 会 全 程 跟踪 ， 并 短信 通知 到 您 手机 ， 保 证 耐克 名 泵 产品 安全 有 效 的 送 到 您 的 手 上 ! 


8 .而 民 i 砚 产品 终身 维 终 
质保 期 内 不 停机 维修 : 当 使 用 中 的 耐 府 各 和 泵 出 现 异常 ， 我 们 免责 发 同型 号 耐 鹿 系 供 您 苦 换 ， 符 异常 由 工程 师 检 查 排 除 后 归还 于 您， 您 所 有 本 司 产品 终身 维修 。 所 有 同 
腾 同 行 产品 终身 免费 咨询 、 专 家 义务 解 管 。 智 能 型 耐 认 蚀 自明 村 更 是 延长 质保 两 年 。 刻意 损坏 也 算 厂 家 的 有 木 有 了 


图 2-20 某 公 司 网 站 售后 服务 栏目 
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我 们 一 般 从 以 下 几 方 面 来 实现 一 个 具备 良好 客户 体验 的 营销 型 企业 网 站 。 
访问 速度 : 减少 首页 Flash 或 大 图 片 ， 实 现 国内 多 路 由 访问 和 服务 器 的 稳定 。 
站 结构 :导航 栏 清晰 ， 整 体 结构 适合 营销 的 需求 。 
网 站 内 容 : 突出 公司 优势 、 产 品 优势 、 服 务 优势 。 
网 站 设计 : 色彩 搭配 协调 、 专 业 性 强 ， 细 节 处 理 比 较 好 。 
网 站 诚信 : 有 资质 论证 、 荣 誉 证 书 、 第 三 方 论证 书 。 
联系 方式 : 每 个 产品 与 服务 页 面 都 有 直接 的 联系 方式 ， 方 便 客户 第 一 时 间 找 到 。 
”网 站 的 沟通 性 : 对 于 特殊 用 户 群体 的 定制 , 企业 网 站 应 该 具备 的 交互 与 沟通 功能 。 
(3) 注重 优化 、 符 合 搜 索 规则 
企业 网 站 的 重要 功能 是 网 站 推广 功能 ， 而 搜索 引擎 是 目前 网 民 获 取信 息 最 重要 的 汇 
道 。 网 站 若 无 法 通过 搜索 引擎 进行 有 效 推广 ， 那 么 从 一 定 程度 上 来 讲 这 个 企业 网 站 的 营销 
性 会 大 打折 扣 。 因 此 ， 网 站 一 定 进行 搜索 引擎 优化 ， 进 而 让 更 多 网 页 被 搜索 引擎 收录 ， 在 
搜索 结果 中 排名 靠 前 。 具 体 优化 包括 以 下 几 个 方面 。 
”标题 优化 :首页 标题 、 产 品 页 面 、 新 闻 页 面 可 进行 针对 性 关键 词 优化 。 
”内 容 优 化 ， 核 心 关键 词 内 容重 复 频率 、 内 容 更 新 率 、 内 容 原 创 性 。 
”关键 词 优化 : 企业 SWOT 分 析 、 优 势 产 品 与 服务 、 关 键 词 列 表 。 
Ww” 友情 链接 : 外 部 链接 、 内 部 链接 、 高 PR 值 网 站 互 链 。 
在 营销 型 企业 网 站 解决 方案 中 ， 搜 索引 擎 优化 工作 为 基础 和 长 期 的 工作 ， 从 企业 网 站 
的 策划 阶段 乃至 从 企业 网 络 营 销 的 战略 规划 阶段 就 已 经 开始 ， 而 其 又 贯穿 于 企业 网 站 的 整 
个 运营 过 程 。 
(4) 具备 营销 功能 
”网 站 客服 : 有 网 站 客服 , 在 线 把 握 销售 机 会 , 整合 QQ、MSN 在 线 功 能 , 如 图 2-21 
所 示 。 
客服 热线 : 开通 400、800 全 国 免费 热线 ， 体 现 专 业 大 公司 形象 ， 注 重 品 牌 与 服 
务 ， 把 握 商 机 ， 如 图 2-22 所 示 。 
”企业 邮局 : 对 外 统一 形象 ， 对 内 方便 管理 ， 企 业 邮 局 是 基础 准备 。 
”广告 促销 : 通过 在 线 广 告 活 动 、 最 新 促销 ， 营 造 营 销 气 氛 ， 把 握 线 上 机 会 。 
电子 地 图 : 让 客户 方便 找到 ， 提 升 诚信 度 ， 用 户 体验 好 ， 如 图 2-23 所 示 。 
在 线 支 付 : 让 客户 在 找到 之 后 能 及 时 付款 。 
明确 企业 定位 ， 彰 显 特色 ， 突 出 产品 卖点 和 服务 优势 
品牌 宣传 和 产品 销售 是 企业 网 站 最 重要 的 功能 ， 当 客户 访问 企业 网 站 时 ， 如 何 让 客户 
增强 对 企业 品牌 的 信任 、 产 生 对 企业 产品 的 兴趣 ， 是 实现 这 些 功能 最 为 重要 的 问题 。 尤 其 
对 新 客户 来 说 ， 当 他 通过 网 络 获取 了 一 个 新 的 企业 品牌 信息 时 ， 网 站 给 他 的 第 一 印象 对 他 
是 否 会 选择 这 个 品牌 是 非常 关键 的 。 所 以 企业 在 建设 网 站 时 ， 应 该 把 如 何 彰 显 企业 特色 、 
突出 企业 产品 卖点 作为 一 个 重要 原则 ， 如 图 2-24 和 图 2-25 所 示 。 


浊 浊 有 有 有 有 


3 


4 
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于 篇 粮 有 限 ， 如 有 撞 述 不 清 或 有 妖 癌 的 地 
, 请 联系 我 们 


e 联 系 人 ， 达 小 组 

eVIP 万 摊 电话，0752-3322660 
。24 小 时 工作 电话 : 13680815298 
。 全 国 免 费 热 绩 ，400-0303-813 


公司 马 机 电话 ，0752-2651811 


wQQ:1578235196 


。 网 里 旺旺 :suba008:08 


微 信 二 维 码 


* 师 前，1578235196Gqq.com 
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宏 业 客服 1 


宏 业 容 腿 5 


图 2-21 某 公 司 网 站 客服 联系 栏目 图 2-22 某 公 司 网 站 售后 服务 栏目 

oA ~ 和 人 玉 湖 园 

de 4 
jo 所 Z0 隆 春 祥生 活 起 市 
由 5) 钛 源 研 届 惠州 合力 冲床 厂 贝 陈 时 

芋 ¥ 转 材料 制 已 去 

时 区 /市 要 宝 科技 有 限 公司 | 

玉兰 楼 也 本 

: 龙 中 利 门 业 。 青春 村 

E55 

罗 庚 巷 
汇通 宝石 原料 城 


图 2-24 某 公司 网 站 产品 卖点 展示 
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本 


2-25 ” 某 公司 网 站 产品 细节 优势 展示 


(6) 完善 的 网 站 监测 与 数据 统计 

作为 营销 型 的 网 站 ， 完 善 的 网 站 监测 与 数据 统计 ， 对 网 站 的 客户 来 源 、 客 户 的 信息 、 
客户 的 去 向 进行 详细 的 统计 是 非常 重要 的 ， 这 样 可 以 从 中 发 现 访客 访问 网 站 的 规律 和 特 
点 ， 并 将 这 些 规律 与 网 络 营销 策略 相 结合 ， 进 而 实现 更 好 的 电 商 运营 。 如 图 2-26 所 示 ， 某 
公司 网 站 安装 了 百度 统计 和 CNZZ 统计 两 个 工具 。 


2-26 ” 某 公 司 网 站 安装 百度 统计 和 CNZZ 统计 后 的 结果 


(7) 比较 高 的 客户 信任 度 

对 企业 网 站 来 说 , 要 提高 自己 的 公信 力 , 可 以 在 网 站 平台 提供 诸如 相关 的 证 件 和 资质 、 
相关 的 媒体 报道 、 企 业 的 生产 过 程 、 企 业 文 化 、 企 业 宣 传 语 、 企 业 地 址 和 企业 实景 等 真实 
的 图 片 ， 当 然 也 包括 以 往 用 户 的 真实 案例 ， 都 应 放 在 网 站 上 去 。 要 使 客户 在 网 站 上 消费 ， 
首先 一 定 要 让 客户 信任 你 的 网 站 。 对 于 营销 型 的 网 站 ， 还 要 有 企业 网 站 备案 号 、 企 业 详细 
的 联系 方式 ， 以 方便 客户 联系 和 找到 企业 ， 如 图 2-27 一 图 2-30 所 示 。 


用 心计 量 每 1 吨 燕 汽 
西林 四 司 


图 2-27 某 公司 网 站 宣传 语 
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图 2-29 某 公司 网 站 客户 见证 展示 图 2.30 某 公司 网 站 公司 资质 展示 
2.2 ”网 站 的 风格 与 布局 设计 


2.2.1 网 站 风格 设计 的 基本 原则 


如 图 2-31 所 示 , 这 样 一 个 杂乱 的 超市 , 你 有 停留 的 欲望 吗 ? 你 会 做 出 购买 的 决策 吗 ? 
当然 不 会 。 这 样 的 超市 ， 我 们 一 般 不 会 停留 ， 也 不 会 有 任何 询问 。 那 么 ， 一 个 网 站 的 道理 
是 一 样 的 。 如 果 一 个 网 站 布局 混乱 ， 色 彩 措 配 不 协调 ， 功 能 定位 不 清 ， 第 一 感觉 给 人 就 是 
不 专业 。 这 样 的 网 站 一 般 不 会 有 成 交 ， 尽 管 可 能 有 流量 ， 但 顾客 也 只 会 在 投 去 一 警 后 ， 很 
快 消失 在 茫茫 人 海里 。 
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BE 
图 2-31 某 杂 乱 的 超市 


一 个 好 的 网 站 ， 应 有 自己 的 风格 。 所 谓 网 站 风格 是 指 网 站 页 面 设 计 上 的 视觉 元 素 组 合 
在 一 起 的 整体 形象 ， 展 现 给 人 的 直观 感受 。 这 个 整体 形象 包括 网 站 的 配色 、 字 体 、 页 面 布 
局 、 页 面 内 容 、 交 互 性 、 海 报 、 宣 传 语 等 因素 。 

网 站 风格 一 般 与 企业 的 整体 形象 相 一 致 ， 如 企业 商标 的 整体 色调 、 企 业 的 行业 性 质 、 
企业 文化 、 提 供 的 相关 产品 或 服务 特点 都 应 该 在 网 站 的 风格 中 得 到 体现 。 网 站 风格 最 能 传 
递 企 业 文化 信息 ， 所 以 说 好 的 网 站 风格 不 仅 能 帮助 客户 认识 和 了 解 网 站 背后 的 企业 ， 也 能 
帮助 企业 通过 自身 网 站 的 辨识 度 在 众多 网 站 中 脱颖而出 ， 树 立 别具一格 的 形象 。 

网 站 制作 的 灵魂 在 于 开发 人 员 对 网 站 的 风格 设计 理念 的 理解 。 很 多 初学 者 把 掌握 网 页 
制作 软件 看 作 是 网 站 制作 最 基本 的 技能 ， 事 实 上 ， 无 论 是 初学 者 还 是 专业 的 建设 人 员 ， 选 
用 的 工具 诸如 Dreamweaver、Photoshop 等 都 是 相同 的 , 但 设计 出 的 网 站 却 大 相 径 庭 、 风 格 
迎 异 。 因 此 ， 仅 掌握 网 页 设计 软件 是 远 远 不 够 的 ， 必 须 具有 良好 的 网 站 设计 理念 才能 创造 
出 优秀 的 网 站 。 

1， 网 站 的 整体 风格 设计 


网 站 整体 风格 是 指 站 点 的 整体 形象 给 浏览 者 的 综合 感受 ， 这 种 感受 是 抽象 的 。 有 风格 
特色 的 网 站 与 普通 网 站 的 区 别 在 于 : 在 普通 网 站 上 ， 用 户 看 到 的 只 是 堆砌 在 一 起 的 信息 ， 
如 信息 量 多 少 、 浏 览 速度 快慢 等 ， 而 在 有 风格 特色 的 网 站 上 可 以 获得 除 内 容 之 外 的 更 感性 
的 认识 ， 如 站 点 的 品位 、 用 户 层次 等 。 

【 例 2-1】 立顿 网 (如 图 2-32 所 示 ) 

“立顿 ”是 全 球 最 大 的 茶叶 品牌 。 立 顿 以 其 明亮 的 黄色 向 世界 传递 它 的 宗旨 一 一 光 
明 、 活 力 和 自然 美好 的 乐趣 。 在 该 企业 站 点 中 ,首页 使 用 立顿 产品 常用 的 黄色 ， 以 扩大 其 
品牌 效应 ， 也 是 对 公司 整体 形象 的 统一 应 用 。 站 点 内 容 的 组 织 则 围绕 立顿 的 产品 线 进行 ， 
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产品 的 名 称 、 商 标 、 功 能 等 信息 一 览 无 余 。 通 过 立顿 健康 中 心 ， 用 户 可 以 获得 大 量 有 关 茶 
健康 的 信息 ， 让 人 们 潜意识 里 接受 立顿 的 理念 ， 从 而 刺激 用 户 消费 的 欲望 。 


2-32 ”立顿 网 首页 


(1) 整体 风格 所 包含 的 因素 。 站 点 整体 风格 包含 的 因素 很 多 ， 包 括 站 点 的 整体 色彩 、 
CI 如 标志 、 标 语 、 色 彩 和 字体 等 )、 版 面 布 局 、 文 本 的 字体 和 大 小 、 背 景 的 使 用 等 。 风 
格 的 设计 没有 一 定 的 公式 或 规则 ， 需 要 设计 者 通过 各 种 分 析 来 决定 。 概 括 起 来 ， 风 格 就 是 
一 句 话 : 与 众 不 同 。 

(2) 如 何 确 立 自己 的 网 站 风格 。 确 立 网 站 的 风格 可 从 以 下 几 个 方面 入 手 。 

@ LOGO 的 使 用 。LOGO 就 是 网 站 的 徽标 或 商标 ， 形 象 的 LOGO 不 仅 有 利于 用 户 对 
网 站 主体 和 品牌 的 识别 ， 而 且 有 促进 网 站 推广 的 作用 。 

【 例 2-2】 百度 LOGO (如 图 2-33 所 示 ) 


00 
Baid 网 站 
图 2-33 百度 LOGO 
“百度 ”这 一 公司 名 称 来 自 宋词 “ 众 里 寻 他 千百度 ”。 而 “ 熊 掌 ”图 标的 想法 来 源 于 
“猎人 巡 迹 能 爪 ”的 刺激 ， 与 李 许 宏 博 士 的 “分 析 搜 索 技 术 ” 非 常 相似 ， 从 而 构成 百度 的 
搜索 引擎 概念 ， 进 而 变 成 了 百度 的 标志 形象 。 
@ 文字 的 使 用 。 网 页 中 文字 字体 的 使 用 也 很 重要 ， 通 常 要 遵循 以 下 原则 。 
”网 页 正文 字体 ， 一 般 情况 使 用 宋体 。 不 要 使 用 超过 3 种 以 上 的 字体 。 字 体 太 多 则 
显得 杂乱 ， 无 法 突出 主题 。 
”字号 大 小 一 般 设置 为 12 像素 ， 即 标准 书刊 用 字 大 小 ， 符 合 人 们 的 阅读 习惯 。 不 
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要 用 太 大 的 字 ， 因 为 版 面 非常 宝贵 ， 粗 陋 的 大 字体 不 能 带 给 访问 者 更 多 的 信息 。 

小 不 要 使 用 不 停 闪 烁 的 文字 。 想 让 浏览 者 多 停留 一 会 儿 ， 就 不 要 使 用 闪烁 的 文字 。 

小 ”原则 上 标题 的 字体 较 正文 大 ， 且 标题 字体 不 能 使 用 行 楷 过 于 活泼 的 字体 ， 以 表达 
稳重 之 意 。 

@ 利用 网 页 的 配色 表现 风格 。 不 同 的 颜色 有 着 不 同 的 含义 ， 如 红色 代表 热情 、 奔 放 、 

喜悦 ;白色 代表 纯洁 、 简 单 、 洁 净 ， 蓝 色 代 表 天 空 、 科 技 、 清 更 等 。 

不 同 的 色彩 搭配 会 产生 不 同 的 效果 , 在 站 点 整体 色彩 使 用 上 , 要 结合 站 点 目标 来 确定 。 
如 果 是 政府 网 站 ， 就 要 在 大 方 、 庄 重 、 美 观 、 严 谨 上 多 下 工夫 ， 切 不 可 花哨 ; 如 果 是 女性 
用 品 网 站 ， 则 使 用 粉色 、 红 色 居 多 ; 如 果 是 个 人 网 站 ， 则 可 以 采用 较 鲜明 的 颜色 ， 设 计 简 
单 而 有 个 性 。 

网 页 上 的 色彩 选用 搭配 ， 会 影响 网 站 的 访问 量 。 例 如 ， 采 用 高 亮度 的 背景 色 或 者 前 景 
色 ， 很 容易 让 浏览 者 的 眼睛 感到 疲劳 ， 而 且 不 利于 整个 网 站 风格 的 统一 。 同 时 ， 网 页 颜色 
数量 也 并 非 越 多 越 好 ， 太 多 的 颜色 违背 了 网 站 “简单 即 为 美 ”的 原则 。 一 般 情 况 下 ， 要 根 
据 企 业 标 志 色 系 和 网 站 所 需 总 体 风 格 的 要 求 确定 出 一 至 两 种 主 色 调 ， 然 后 与 辅助 颜色 进行 
组 合 。 下 面 是 几 个 网 页 配色 的 基本 原则 。 

小 ”强调 特色 ， 主 题 鲜明 。 网 页 的 用 色 需 要 配合 网 站 的 行业 特征 ， 从 而 突出 网 站 的 主 
题 ， 如 “伊利 ”网 站 的 主页 ， 网 页 以 绿色 、 蓝 色 和 和 白色 为 主 色调 ， 给 人 以 清爽 的 
感觉 。 

小 ”总体 协 调 ， 局 部 对 比 。 网 页 的 整体 色彩 效果 应 是 和 谐 的 ， 只 有 局 部 、 小 范围 的 地 
方 让 色彩 有 一 些 强 力 的 对 比 。 这 样 的 局 部 色彩 对 比 ， 不 但 可 以 避免 网 页 色彩 显得 
过 于 单调 ， 也 可 以 保持 网 页 的 整体 风格 。 

小 ”遵循 艺术 原则 ， 合 理 搭配 。 网 页 的 配色 也 是 一 项 艺术 性 的 工作 。 对 网 页 配色 时 ， 
一 定 要 遵循 艺术 原则 进行 搭配 ， 在 此 基础 上 再 大 胆 创新 。 

@ 网 站 的 风格 要 统一 。 一 个 网 站 由 很 多 个 网 页 组 成 ， 如 果 每 个 网 页 的 风格 都 不 一 致 ， 
那么 一 定 会 使 整个 网 站 显得 凌乱 不 协调 ， 甚 至 很 容易 使 浏览 者 感到 迷惑 ， 不 知 是 否 还 在 同 
一 网 站 内 ， 所 以 一 定 要 使 网 站 的 风格 保持 一 致 。 也 就 是 说 ， 上 面 提 到 的 几 个 方面 包括 网 站 
的 LOGO、 文字 字体 、 网 页 的 主 色调 及 版 面 布 局 均 要 一 致 。 除 此 之 外 ,还 要 注意 以 下 几 点 。 

小 ”风格 是 建立 在 有 价值 的 内 容 之 上 的 。 

小 ”将 网 站 LOGO 尽 可 能 地 放 在 每 个 页 面 最 突出 的 位 置 。 

”使 用 统一 的 图 片 处 理 效果 。 

小 ”设计 醒目 的 宣传 标语 。 

2.， 网 页 设计 的 基本 原则 


网 站 的 设计 基本 上 是 按照 一 定 步骤 进行 的 。 不 同 的 站 点 开发 人 员 有 他 们 自己 不 同 的 习 
惯 ， 对 于 网 页 设计 都 有 自己 独特 的 见解 ， 但 一 般 来 说 有 一 些 原 则 是 相同 的 ， 有 一 些 主要 的 
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概念 也 是 共通 的 。 仅 会 输入 文本 、 制 作 超 链 接 和 排列 图 片 ， 不 是 真正 意义 上 的 网 页 制作 。 
因为 网 页 制作 最 重要 的 一 个 原则 是 创意 。 这 个 原则 也 可 以 看 成 是 网 页 制作 的 根本 ， 没 有 创 
意 的 网 站 不 能 算是 成 功 的 网 站 ， 而 这 样 的 站 点 也 不 可 能 长 期 存在 。 

除了 创意 之 外 ， 在 网 站 设计 时 还 需要 考虑 以 下 基本 原则 。 

(1) 网 页 内 容 便 于 阅读 。 网 站 最 大 的 目的 是 发 布 信息 ， 网 页 作为 信息 的 载体 ， 就 必 
须 做 到 便于 阅读 。 网 页 方便 浏览 者 阅读 与 查找 是 网 站 服务 的 要 求 ， 但 并 不 代表 把 所 有 重要 
信息 都 堆积 于 首页 上 。 方便 内 容 的 查找 与 阅读 的 根本 在 于 科学 的 分 类 和 组 织 。 个 人 网 站 信息 
量 少 ， 几 个 超 链接 就 可 以 包含 ， 而 商业 网 站 的 信息 量 较为 庞大 ， 如 新 浪 、 网 易 这 样 的 网 站 ， 
站 点 中 的 内 容 几 乎 无 所 不 包 ， 如 何 有 条 有 理 地 组 织 、 放 置 超 链接 ， 就 需要 仔细 考虑 。 

(2) 网 页 的 长 度 不 要 太 长 。 带 宽 问 题 在 国内 是 一 个 必须 要 考虑 的 问题 ， 而 且 非 常 现实 。 
作为 一 名 网 页 设计 师 ， 根 据 访 问 对 象 的 不 同 来 确定 网 页 的 大 小 ， 要 尽 可 能 将 网 页 设计 得 美 
观 而 简洁 精湛 ， 使 得 用 户 访问 时 能 够 确保 比较 高 的 访问 速度 ， 而 不 至 于 因为 等 得 不 耐烦 而 
放弃 访问 。 

(3) 选择 合适 的 图 片 尺寸 及 格式 。 网 页 中 如 果 只 有 文本 没有 图 片 ， 整 个 网 页 会 显得 
枯燥 无 味 ， 不 能 引起 用 户 的 兴趣 。 但 网 页 中 的 图 片 也 不 是 越 多 越 好 ， 图 片 过 多 会 导致 网 页 的 
下 载 速度 很 慢 。 尽 量 不 要 使 用 尺寸 过 大 的 图 片 ， 如 果 不 得 不 使 用 ， 最 好 把 大 图 片 分 割 成 几 个 
间距 为 0 的 小 图 片 。 

图 片 的 格式 众多 ， 但 网 页 上 常用 的 图 片 格式 是 GIF 和 JPEG 两 种 。 色 彩 丰 富 、 高 分 辩 
率 的 图 片 可 以 用 JPEG 格式 , 如 照片 等 ; 色彩 少 、 低 分 辨 率 的 图 片 可 以 用 GIF 格式 , 而 GIF 
格式 还 支持 简单 的 动画 。 

(4) 协调 浏览 器 与 分 辨 率 。 由 于 互联 网 的 用 户 非常 广泛 ， 所 使 用 的 计算 机 也 有 性 能 
高 低 之 分 ， 在 设计 时 要 尽量 保证 网 页 在 不 同 浏览 器 中 都 能 浏览 。 另 外 ， 在 设计 站 点 时 还 有 
语言 版 本 的 问题 ， 如 果 一 个 网 站 定位 于 同时 向 国外 、 中 国 大 陆 以 及 中 国 港澳 台地 区 进行 宣 
传 ， 那 么 多 语言 版 本 的 网 页 是 不 可 缺少 的 。GB 码 、BIG5 码 及 English 版 本 ， 是 目前 最 流 
行 的 3 种 语言 版 本 。 

(5) 提供 与 浏览 者 的 交互 。 近 年 来 ， 站 点 的 交互 性 已 经 越 来 越 被 人 们 所 重视 ， 商 业 
站 点 往往 同时 提供 论坛 、 留 言 板 等 各 种 交互 服务 。 


2.2.2 ”版 面 布 局 


1. 什么 是 版 面 布局 


网 页 美感 除了 来 自 网 页 的 色彩 搭配 外 ， 还 有 一 个 重要 的 因素 就 是 版 面 布局 设计 。 
版 面 指 的 是 浏览 者 看 到 的 一 个 完整 的 页 面 。 因 为 每 台 计 算 机 的 显示 器 分 辨 率 存 在 差 
异 ， 所 以 同一 个 页 面 的 大 小 可 能 出 现 800x600 像素 、1024x768 像素 等 不 同 尺寸 。 
布局 ， 就 是 以 最 适合 浏览 的 方式 将 图 片 和 文字 排放 在 页 面 的 不 同位 置 。 什 么 才 是 “最 
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适合 ”， 并 没有 一 个 标准 答案 。 一 般 情 况 下 要 求 具 备 以 下 两 个 功能 。 
(1) 实用 功能 。 
”网 页 内 容 的 主 次 一 定 要 从 网 页 的 版 式 上 体现 出 来 ， 网 页 设计 要 突出 重点 内 容 。 


» 
» 


网 页 的 导航 一 定 要 清晰 ， 这 与 网 页 的 版 式 设计 有 着 非常 重要 的 联系 。 
网 页 的 版 式 布局 设计 决定 了 网 页 的 布局 ,布局 合理 和 风 辑 性 也 是 网 页 版 式 设计 的 
要 点 。 


(2) 审美 功能 。 


» 
» 
» 


网 页 的 版 式 要 具有 整体 性 、 一 致 性 ， 总 体 来 讲 就 是 统一 。 
要 合理 地 划分 整个 页 面 ， 安 排 页 面 各 组 成 元 素 ， 即 分 割 。 
通过 合理 运用 矛盾 和 冲突 ， 使 设计 更 加 富有 生机 和 活力 ， 即 对 比 。 


2， 版 面 布局 的 操作 步骤 


(1) 草案 。 新 建 页 面 就 像 一 张 白 纸 ， 没 有 任何 表格 、 框 架 和 约定 俗 成 的 东西 ， 可 以 
尽 可 能 地 发 挥 想象 力 ， 将 想到 的 “景象 ” 画 上 去 〈 可 以 用 一 张 白 纸 和 一 支 铅笔 草 绘 ， 也 可 
以 用 Photoshop 等 软件 )。 这 属于 创造 阶段 ,不 讲究 细腻 工整 ， 不 必 考 虑 细节 功能 ， 只 以 粗 
陋 的 线条 勾画 出 创意 的 轮廓 即 可 。 

(2) 粗略 布局 。 在 草案 的 基础 上 ， 将 确定 需要 放置 的 功能 模块 安排 到 页 面 上 。 功 能 
模块 主要 包含 网 站 标志 、 主 菜单 、 新 闻 、 搜 索 、 友 情 链 接 和 版 权 信息 等 。 注 意 ， 这 里 必须 
遵循 突出 重点 、 平 衡 协调 的 原则 ， 将 网 站 标志 、 主 菜单 等 最 重要 的 模块 放 在 最 显眼 、 最 突 
出 的 位 置 ， 然 后 再 考虑 其 他 模块 的 摆 放 。 

(3) 定案 。 将 粗略 布局 精细 化 、 有 具体 化 。 在 布局 过 程 中 ， 可 以 遵循 以 下 原则 。 


» 


» 


正常 平衡 。 亦 称 “ 勾 称 ”， 多 指 左 右 、 上 下 对 照 形式 ， 主 要 强调 秩序 ， 能 达到 安 
定 诚实 、 信 赖 的 效果 。 

异常 平衡 。 即 非 对 照 形式 ， 但 也 要 平衡 和 韵律 ， 当 然 都 是 不 均 整 的 ， 能 达到 强调 
性 、 不 安 性 、 高 注目 性 的 效果 。 

对 比 。 不 仅 利用 色彩 、 色 调 等 技巧 来 表现 对 比 ， 在 内 容 上 也 可 涉及 古 与 今 、 新 与 
旧 等 对 比 。 

凝视 。 利 用 页 面 中 的 人 物 视线 ， 使 浏览 者 仿照 跟随 的 心理 ， 以 达到 注视 页 面 的 效 
果 ， 一般 多 用 明星 凝视 状 。 

空白 。 空 白 有 两 种 作用 ， 一 方面 对 其 他 网 站 表示 突出 卓越 ， 另 一 方面 也 表示 网 页 
品位 的 优越 感 ， 这 种 表现 方法 对 体现 网 页 的 格调 十 分 有 效 。 


以 上 的 设计 原则 虽然 枯燥 ， 但 是 如 果 能 领会 并 活用 到 页 面 布 局 里 ， 效 果 会 大 不 一 样 。 
3， 常 见 版 面 布局 形式 


(1)“T” 结 构 布局 形式 。 所谓“T” 结 构 ， 就 是 指 页 面 顶 部 为 模 条 网 站 标志 + 广告 条 ， 
下 方 左面 为 主 菜 单 ， 右 面 显 示 内 容 的 布局 ， 整 体 效果 类 似 英 文字 母 “T”， 所 以 称 之 为 “T” 
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形 布局 。 这 是 网 页 设计 中 用 得 最 广泛 的 一 种 布局 方式 。 这 种 布局 的 优点 是 页 面 结构 清晰 ， 
主 次 分 明 ， 是 初学 者 最 容易 上 手 的 布局 方法 。 缺 点 是 规矩 呆板 ， 如 果 不 注 意 细节 色彩 ， 很 
容易 让 人 “看 之 无 味 ”。 

(2)“ 口 ”型 布局 。 这 是 一 个 象形 的 说 法 ， 就 是 页 面 一 般 上 下 各 有 一 个 广告 条 ， 左 面 
是 主 菜单 ， 右 面 放 友情 链接 等 ， 中 间 是 主要 内 容 。 这 种 布局 的 优点 是 充分 利用 版 面 ， 信 息 
量 大 。 缺 点 是 页 面 拥挤 ， 不 够 灵活 。 

(3) 对 称 对 比 布局 。 顾 名 思 义 ， 采 取 左 右 或 者 上 下 对 称 的 布局 ， 一 半 深 色 一 半 浅 色 ， 
一 般 用 于 设计 型 站 点 。 优 点 是 视觉 冲击 力 强 ， 缺 点 是 很 难 将 两 部 分 有 机 地 结合 起 来 。 

(4) POP 布局 。POP 引 自 广告 术语 ， 就 是 指 页 面 布局 像 一 张 宣传 海报 ， 以 一 张 精 美 
图 片 作为 页 面 的 设计 中 心 。 常 用 于 时 尚 类 站 点 。 优 点 显而易见 ， 即 漂亮 吸引 人 。 缺 点 就 是 
速度 慢 。 作 为 版 面 布局 ， 还 是 值得 借鉴 的 。 

(5) 国 型 布局 。 国 型 布局 也 称 为 同型 布局 ， 是 一 些 大 型 网 站 喜欢 使 用 的 布局 类 型 。 
最 上 面 是 网 站 的 标题 以 及 横幅 广告 条 , 接 下 来 是 网 站 的 主要 内 容 , 左右 分 列 一 些小 条 内 容 ， 
中 间 是 主要 部 分 ， 与 左右 一 起 罗列 到 底 ， 最 下 方 是 网 站 的 一 些 基本 信息 、 联 系 方式 、 版 权 
声明 等 。 这 种 布局 通常 用 于 主页 的 设计 ， 其 主要 优点 是 页 面容 纳 内 容 很 多 ， 信 息 量 大 。 

(6) 标题 正文 型 布局 。 这 种 布局 的 最 上 方 是 标题 或 广告 等 内 容 ， 下 面 是 正文 。 通 常 
文章 页 面 或 注册 页 面 采用 此 种 布局 ， 其 特点 是 简洁 明快 ， 干 扰 信 息 少 ， 较 为 正规 。 

(7) 变化 型 布局 。 采 用 上 述 几 种 布局 的 结合 与 变化 ， 布 局 采用 上 、 下 、 左 、 右 结合 
的 综合 型 框架 ， 再 结合 Flash 动画 ， 使 页 面 形式 更 加 多 样 ， 视 觉 冲击 力 更 强 。 


2.3 ”网 站 的 目录 结构 与 链接 结构 设计 


2.3.1 设计 网 站 的 目录 结构 


一 个 电子 商务 网 站 中 的 文件 数量 少 则 几 百 个 ， 多 则 有 几 千 个 、 几 万 个 ， 如 何 有 效 地 组 
织 这 么 多 的 文件 确实 是 一 个 不 可 小 视 的 问题 。 目 录 结 构 的 好 坏 ， 对 浏览 者 来 说 虽 没 有 什么 
明显 的 差异 ， 但 是 对 于 站 点 本 身 的 长 期 维护 、 未 来 内 容 的 扩充 和 移植 等 有 着 重要 的 影响 。 

下 面 是 建立 目录 结构 的 一 些 建议 。 

1. 不 要 将 所 有 文件 都 存放 在 根 目录 下 


(1) 有 些 网 站 的 技术 人 员 为 了 方便 ， 将 所 有 文件 都 放 在 根 目录 下 。 这 样 做 造成 的 不 
利 影响 很 多 ， 如 文件 管理 混乱 ， 常 常 搞 不 清 哪些 文件 需要 编辑 和 更 新 ， 哪 些 无 用 的 文件 可 
以 删除 ， 哪 些 是 相关 联 的 文件 ， 从 而 影响 工作 效率 。 

(2) 上 传 速度 慢 。 服 务 器 一 般 都 会 为 根 目录 建立 一 个 文件 索引 。 如 果 将 所 有 文件 都 
放 在 根 目录 下 ， 即 使 只 上 传 更 新 一 个 文件 ， 服 务 器 也 需要 将 所 有 文件 再 检索 一 遍 ， 建 立新 
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的 索引 文件 。 很 明显 ， 文 件 量 越 大 ， 等 待 的 时 间 也 将 越 长 。 所 以 ， 要 尽 可 能 减少 根 目录 的 
文件 存放 数 。 

2.， 按 主 菜单 栏目 内 容 建立 子 目录 

按 主 菜 单 的 栏目 建立 子 目 录 ， 这 样 做 不 仅 便 于 文件 查找 ， 而 且 不 会 影响 网 站 的 运行 速 
度 。 企 业 站 点 可 以 按 公 司 简介 、 产 品 介绍 、 在 线 订 单 、 反 馈 联系 等 建立 相应 子 目 录 。 

3. 根据 更 新 要 求 管理 次 要 栏目 

其 他 的 次 要 栏目 ， 需 要 经 常 更 新 的 可 以 建立 独立 的 子 目 录 。 而 一 些 相关 性 强 ， 不 需要 
经 常 更 新 的 栏目 ， 如 关于 本 站 、 关 于 站 长 及 站 点 经 历 等 ， 可 以 合并 放 在 一 个 统一 目录 下 。 

4. 在 每 个 目录 下 都 建立 独立 的 images 目录 

通常 , 需要 在 站 点 根 目录 下 建立 一 个 images 目录 。 网 页 制作 的 初学 者 习惯 于 将 所 有 图 
片 都 存放 在 这 个 目录 中 ， 而 到 后 期 网 站 维护 时 ， 图 片 的 管理 会 变 得 相当 麻烦 。 最 好 的 办 法 
是 为 每 个 主 栏目 建立 一 个 独立 的 images 目录 ， 根 目录 下 的 images 目录 只 是 用 来 放 首页 和 
一 些 次 要 栏目 的 图 片 。 


S， 目 录 的 层次 不 要 太 深 

目录 的 层次 建议 不 要 超过 3 层 。 原 因 很 简单 ， 为 了 维护 管理 的 方便 。 

6. 不 要 使 用 中 文 目录 

尽量 不 要 使 用 中 文 的 目录 和 文件 名 ， 否 则 很 可 能 会 出 现 莫 名 其 妙 的 错误 。 


2.3.2 ”设计 网 站 的 链接 结构 


网 站 的 链接 结构 是 指 页 面 之 间 相互 链接 的 拓扑 结构 。 它 建立 在 目录 结构 基础 之 上 ， 但 
可 以 跨越 目录 结构 。 形 象 地 说 ， 每 个 页 面 都 是 一 个 固定 点 ， 链 接 则 是 在 两 个 固定 点 之 间 的 
连 线 。 一 个 点 可 以 和 一 个 点 连接 ， 也 可 以 和 多 个 点 连接 。 更 重要 的 是 ， 这 些 点 并 不 是 分 布 
在 一 个 平面 上 , 而 是 存在 于 一 个 立体 的 空间 中 。 网 站 的 链接 结构 的 目的 在 于 用 最 少 的 链接 ， 
使 得 浏览 最 有 效率 。 

一 般 地 ， 建 立 网 站 的 链接 结构 有 以 下 两 种 基本 方式 。 

1， 树 状 链接 结构 (一 对 一 ) 


类 似 DOS 的 目录 结构 ， 首 页 链接 指向 一 级 页 面 ， 一 级 页 面 链 接 指向 二 级 页 面 。 立 体 
结构 看 起 来 就 像 蒲公英 。 采 用 这 样 的 链接 结构 ， 浏 览 时 是 一 级 级 进入 ， 一 级 级 退出 。 优 点 
是 条 理 清晰 ， 访 问 者 明确 知道 自己 在 什么 位 置 ， 不 会 “ 迷 ” 路 。 缺 点 是 浏览 效率 低 ， 一 个 
栏目 下 的 子 页 面 到 另 一 个 栏目 下 的 子 页 面 ， 必 须 绕 经 首页 。 
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2. 星 状 链接 结构 (一 对 多 ) 


类 似 网 络 服务 器 的 连接 ， 每 个 页 面相 互 之 间 都 建立 有 链接 。 这 种 链接 结构 的 优点 是 浏 
览 方便 ， 随 时 可 以 到 达 自 己 喜欢 的 页 面 。 缺 点 是 链接 太 多 ， 容 易 使 浏览 者 “ 迷 ” 路 ， 搞 不 
清 自己 在 什么 位 置 ， 看 了 多 少 内 容 。 

这 两 种 基本 结构 都 只 是 理想 方式 ， 在 实际 网 站 设计 中 ， 更 多 的 是 将 这 两 种 结构 混合 起 
来 使 用 。 这 样 ， 既 可 以 方便 快速 地 到 达 自 己 需要 的 页 面 ， 又 可 以 清晰 地 知道 自己 的 位 置 。 
所 以 ， 最 好 的 办 法 是 : 首页 和 一 级 页 面 之 间 用 星 状 链接 结构 ， 一 级 和 二 级 页 面 之 间 用 树 状 
链接 结构 。 

【 例 2-3】 一 个 新 闻 站 点 的 页 面 结构 (如 图 2-34 所 示 ) 

一 级 页 面 二 级 页 面 
财经 新 闻 页 - [财经 新 闻 1， 财 经 新 闻 2..] 


首页 -娱乐 新 闻 页 - [娱乐 新 闻 1， 娱 乐 新 闻 2...] 
IT 新 闻 页 - IT 新 闻 1，IT 新 闻 2.… 


图 2-34 一 个 新 闻 站 点 的 页 面 结构 


其 中 ,首页 与 财经 新 闻 页 、 娱 乐 新 闻 页 、IT 新 闻 页 之 间 是 星 状 链接 ,可 以 互相 点 击 直 
接 到 达 。 而 财经 新 闻 页 与 其 子 页 面 之 间 是 树 状 链接 ， 浏 览 财 经 新 闻 1 后 ， 必 须 回 到 财经 新 
闻 页 ,才能 浏览 IT 新 闻 2。 所 以 ， 有 的 站 点 为 了 免 去 返回 一 级 页 面 的 麻烦 ,将 二 级 页 面 直 
接 用 新 窗口 打开 ,浏览 结束 后 关闭 即 可 。 

提示 : 例 2-3 用 的 是 三 级 页 面 举例 。 如 果 站 点 内 容 庞大 ， 分 类 明细 ， 超 过 三 级 页 面 ， 
那么 建议 在 页 面 里 显示 导航 条 ， 这 样 ， 可 以 帮助 浏览 者 明确 自己 所 处 的 位 置 。 导 航 条 通常 
位 于 网 站 页 面 的 顶部 ， 如 “您 现在 的 位 置 是 : 首页 一 财经 新 闻 一 股市 信息 一 深圳 股 ”。 
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一 、 简 答题 


.电子 商务 网 站 规划 的 内 容 和 步骤 有 哪些 ? 
。 电子 商务 网 站 风格 的 设计 应 遵循 哪些 原则 ? 
。 电子 商务 网 站 的 购物 流程 一 般 是 怎样 的 ? 
.网 站 目录 结构 设计 应 注意 哪些 问题 ? 
.常见 的 网 站 版 面 布 局 有 哪 几 种 ? 分 别 举例 说 明 。 
6. 对 于 一 个 营销 型 企业 网 站 , 有 哪些 方法 可 以 让 用 户 产生 信任 ? 又 有 哪些 方法 可 以 引 
导 客户 下 订单 ， 从 而 提高 用 户 消费 转化 率 ? 


全 - 
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二 、 选 择 题 ( 含 多 选 ) 


1 


电子 商务 网 站 的 后 台 功 能 通常 包括 ( 
A. 商品 信息 管理 ”B. 订单 管理 

. LOGO 是 指 ( % 

A. 广告 条 B. 导航 栏 
.网 站 项 目的 可 行 性 研究 包括 ( 着 
A. 经 济 可 行 性 B. 技术 可 行 性 
。 网 站 正文 的 字号 一 般 设置 为 〈 下 
A. 9 像素 B. 12 像素 


.网 站 的 目录 层次 一 般 不 超过 (  ”) 层 。 


A. 1 也. 过 


伟 snann 


一 、 实 训 目 的 


1. 掌握 电子 商务 网 站 规划 的 方法 和 步骤 。 
2. 掌握 电子 商务 网 站 规划 报告 的 撰写 方法 。 


和 


. 了解 网 站 的 风格 设计 和 版 面 布局 。 


二 、 实 训 内 容 


1. 浏览 以 下 电子 商务 网 站 ， 分 析 各 自 的 网 站 市 场 定位 、 竞 争 优势 、 网 站 内 容 规划 、 
网 站 整体 风格 等 。 
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(1) 慧聪 网 (http:/wwwhc360.com )。 
(2) 乐 淘 (http://www.letao.com)。 


ds 
C. 用 户 管理 


C. 网 站 标志 


C. 16 像素 


CR 


(3) 土 巴 兔 装 修 网 (http://www.to8to.com)。 
(4) 环球 医药 信息 网 (http://www.qgyyzs.net)。 
(5) 中 国 化 工 网 (http://www.chinachemnet.com )。 


(6) 梦 露 内 衣 “(http://www.menglu.com)。 


(7) 学 而 思 网 校 (http:/Wwww.xueersi.comy/)。 

2. 调研 一 家 当地 企业 情况 ， 并 对 该 企业 的 电子 商务 网 站 内 容 进 行规 划 与 设计 ， 完 成 
一 份 网 站 前 期 规划 报告 。 
规划 大 纲 如 下 : 


(1) 网 站 主题 与 建站 目标 。 
(2) 网 站 的 市 场 定 位 。 
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(3) 市 场 需求 及 目标 客户 分 析 。 
(4) 竞争 对 手 及 各 自 优 势 分 析 。 
(5) 可 行 性 分 析 。 
3. 浏览 阿里 巴巴 网 站 。 
(1) 分 析 网 站 提供 的 栏目 内 容 和 功能 。 
(2) 分 析 网 站 的 风格 和 版 面 布局 设计 。 
4. 企业 营销 型 网 站 分 析 。 
(1) 故事 一 :“ 一 句 网 站 宣传 语 换 来 百 万 订单 ”一 一 瑞 昂 博 轮 式 人 工 除雪 铲 张 军 海 
背景 : 三 年 前 我 发 明 人 工 轮 式 除雪 铲 ， 并 获得 了 设计 专利 。 我 的 铲子 能 大 幅 提高 除雪 
铲 冰 的 效率 ,但 是 网 络 营 销 效果 一 直 不 好 。 后 来 ,我 们 重新 策划 了 一 个 “五 个 活 一 个 人 干 ” 
的 着 陆 页 面 ， 效 果 出 奇 的 好 。 上 线 一 周 就 接 到 内 蒙古 高 速 管理 局 的 大 单 。 
北京 瑞 昂 博 科技 发 展 有 限 公司 网 站 如 图 2-35 所 示 , 网 址 是 http://www.xuechan001.com。 


EEC 本 
博 人 工 除 委 设 备 : 除雪 、 筷 沐 、 运 写 一 站 式 解 决 方 察 。 
速度 快 效率 两 ，5 个 人 二 I 人 人 无 


型 专 


高 5 倍 ”除雪 效率 至 少 查 涡 5 倍 


图 2-35 北京 瑞 昂 博 公司 网 站 首页 


(2) 故事 二 :“ 把 事实 说 清楚 ， 订 单 可 以 多 3 倍 !” 一 一 华 盛 馅 吴 母 婴 护理 中 心 关 素 娥 
背景 : 我 们 有 10 余年 的 母 婴 护理 经 验 ， 在 这 个 行业 积累 了 丰富 的 经 验 和 资源 。 但 是 
之 前 的 网 站 一 点 也 不 能 很 好 地 展现 我 们 的 优势 。 这 个 行业 的 网 站 千篇一律 ， 客 户 很 难 通过 
网 站 来 做 选择 。 后 来 ， 设 计 了 新 的 营销 型 网 站 ， 宣 传 语 “10 余年 母 婴 护 理 经 验 ， 服 务 3 万 
对 母 婴 健康 成 长 ” 将 我 们 的 优势 展现 得 淋漓 尽 致 ， 让 我 们 脱颖而出 。 
华 盛 春 吴 母 婴 护 理 中 心 网 站 如 图 2-36 所 示 ， 网 址 是 http://www.hsxhjz.com。 
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2 全 晤 加 是 。 10 条 年 要 护理 经 验 , 服务 3 万 对 思 要 信康 成 长 


咨询 电话 : 
010-66534788 


首页 。 服 条 项目。 母 如 护理 师 。 客户 评价 母 归 成 长 知识 。 关于 华 世 要 吴 ET 


磊 规 医院 狗 立 分 返 的 他 要 护理 机 构 


陛 京 安 点 医院 临床 生活 护理 授权 商 


co 到 
北京 月 好 一 对 一 个 性 化 服务 WP 3 


1 

2、 全 产业 链 、 一 站 式 母 跟 全 程 服务 
3、 多 家 三 用 医院 认证 推荐 的 母 吕 护 理 ， 
4、 家 政协 会 认可 、 五 证 齐全 、100% 持 证 上 | 训 


图 2-36 ” 华 盛 讲 吴 母 碘 护理 中 心 网 站 首页 
要 求 : 访问 以 上 两 个 网 站 ， 并 分 别 从 用 户 理解 力 要 素 〈 标 志 、 宣 传 语 、 标 题 、 卖 点 优 
势 ) 和 信任 力 要 素 〈 成 功 案例 、 客 户 评价 、 生 产 过 程 、 服 务 、 权 威 见 证 、 菜 誉 展示 ) 分 析 
这 两 个 网 站 的 做 法 ， 体 会 老 网 站 改版 为 营销 型 网 站 后 带 来 的 效果 与 变化 。 
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用 

AN 

`、 一 一 【学 习 目标 】 
@ 掌握 域名 的 申请 方法 。 
@ 了 解 服务 器 的 解决 方案 。 
@ 掌握 网 站 上 传 工具 的 使 用 。 
@ 了 解 网 站 建设 的 一 般 流 程 。 


有 了 网 站 建设 的 总 体 规划 与 设计 方案 ， 接 下 来 就 进入 到 网 站 建设 与 开发 的 操作 阶段 。 
这 一 阶段 的 主要 工作 有 域名 注册 与 备案 、 确定 服务 器 解决 方案 、 搭 建 软件 平台 、 设计 网 页 、 
网 站 测试 与 上 传 等 。 


3.1 ”域名 注册 与 备案 


下 面 先 来 看 一 个 收购 域名 的 案例 。 

【 例 3-1】 京东 商城 先后 购买 jingdong.com 和 jd.com 域名 

据 中 国 IDC 评述 网 ( 2011 年 2 月 18 日) 报道 : 经 域名 WHOIS 查询 显示 , jingdong.com 
域名 已 经 过 户 到 京东 商城 。 目前, 访问 wwwjingdong.com 则 跳 转 至 京东 商城 页 面 
(www.360buy.com )。 此 前 ， 域 名 为 日 本 华人 刘 京 东 持 有 ， 域 名 报价 不 菲 。jingdong.com 
是 “京东 ”的 拼音 ， 无 疑 是 适合 在 国内 营造 品牌 的 拼音 好 域名 。 京 东 商 城 此 度 购 买 这 一 域 
名 也 因为 其 现 有 域名 360buy.com 不 方便 记忆 ， 新 域名 的 使 用 将 会 使 更 多 网 民 更 方便 地 登 
录 京 东 商 城 。 也 由 此 可 见 京东 商城 对 域名 的 重视 程度 。 

又 据 2013 年 3 月 30 日 易 名 中 国 (eName.cn ) 讯 : 京东 商城 于 今天 19 点 整 正式 切换 
域名 为 jd.com， 并 推出 “Joy” 吉 祥 物 形象 。 而 辉煌 一 时 的 域名 360buy.com 现在 跳 转 至 新 
域名 jd.com， 终 究 失去 了 光芒 。 

分 析 : 域名 的 重要 性 往往 被 很 多 人 忽视 。 京 东 就 是 一 个 典型 的 例子 ， 开 始 用 了 一 个 并 
不 太 好 记 的 域名 360buy.com， 后 来 高 价 收购 jingdong.com， 再 到 后 来 几 千 万 购买 jd.com。 
这 一 路 的 历程 ， 就 是 很 好 的 写照 。 

为 什么 京东 要 将 域名 换 为 jd.com? 与 一 般 行 业 有 巨大 的 不 同 ， 电 商行 业 的 竞争 是 极为 
惨烈 的 。 每 个 访问 量 都 是 真 金 白银 去 换 的 。 早 期 流量 便宜 ， 所 以 用 个 差 一 点 的 域名 ， 然 后 
购买 流量 导入 ， 吃 亏 好 像 还 不 明显 。 但 是 现在 的 情况 已 大 不 一 样 ， 每 一 个 电 商 的 新 客户 有 
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效 流量 的 代价 起 码 在 10 元 以 上 了 10 元 这 个 数字 不 准确 ,仅仅 是 估计 数 )。 如 果 坚 持 使 用 
不 好 的 域名 ， 那 么 损失 就 是 天 文 数字 。 

为 什么 有 损失 呢 ? 因为 有 很 多 的 用 户 记 不 住 域名 ， 也 不 愿意 记 。 他 们 会 在 搜索 引擎 先 
输入 网 站 名 字 或 者 网 址 ， 然 后 点 搜索 或 者 敲 回 车 。 这 样 的 行为 就 导致 了 电 商 网 站 对 搜索 引 
人 擎 十 分 依赖 。 代 价 也 就 极为 高 昂 。 因 为 几乎 每 一 次 通过 搜索 引擎 过 来 的 访问 量 ， 电 商都 是 
需要 付 钱 给 搜索 引擎 的 。 有 具体 到 京东 ， 之 前 的 域名 是 360buy.com ， 那 么 对 很 多 人 来 说 非 
常 不 好 记忆 ， 这 就 导致 从 搜索 引擎 过 来 的 流量 比例 会 更 高 。 京 东 在 计算 了 得 失 之 后 ， 就 悄 
悄 地 高 价 购买 了 jingdong.com。 如 果 京 东 开 始 使 用 jingdong.com， 就 可 以 很 大 程度 地 避免 
上 面 描述 的 情况 发 生 。 

因此 ， 有 了 好 的 域名 ， 对 用 户 来 说 ， 用 户 体 验 更 好 。 部 分 用 户 就 更 愿意 直接 使 用 域名 
访问 了 ， 减 少 了 从 搜索 引擎 、 网 址 导航 、 导 购 网 站 等 访问 过 来 的 比例 ， 从 而 节约 了 大 量 的 
广告 费用 。 尤 其 是 对 第 三 方 依赖 降低 ， 这 对 电 商 网 站 是 十 分 重要 的 。 京 东 已 经 是 国内 顶级 
电 商 之 一 ，jingdong.com 虽然 能 用 ， 但 是 还 不 够 。 因 为 有 8 个 字母 ， 而 淘宝 是 6 个 字母 ， 
并 且 更 好 看 好 记 。 像 这 样 的 顶级 电 商 竞争 ， 域 名 上 的 差异 也 是 必须 要 考虑 的 。 这 也 是 为 什 
么 小 米 一 开始 就 买好 xiaomi.com 《后 来 又 购买 mi.com)， 唯 品 会 购买 vip.com 的 原因 。 

域名 ， 是 企业 或 机 构 在 互联 网 上 的 名 字 。 从 技术 上 讲 ， 域 名 是 Interet 中 用 于 解决 地 
址 对 应 问题 的 一 种 方法 。 从 商业 上 来 讲 ， 域 名 是 企业 的 网 络 商标 。 网 上 用 户 了 解 企 业 ， 经 
常 是 从 企业 网 站 的 域名 开始 的 ， 要 想 让 用 户 记 住 一 个 企业 ， 域 名 的 好 坏 将 起 着 非常 关键 的 
作用 。 域 名 由 若干 个 英文 字母 或 数字 组 成 ， 由 “.” 分 隔 成 几 部 分 ， 如 中 央 电 视 台 的 域名 是 
cctv.com， 而 http:/www.cctvcom 就 是 我 们 党 说 的 网 址 ， 相 当 于 主机 的 门牌 号 码 。 在 全 世 
界 没 有 重复 的 域名 , 也 正 是 这 种 唯一 性 和 排他 性 使 得 域名 具有 了 “网 络 商标 ”的 资源 特征 ， 
这 也 是 为 什么 很 多 公司 和 个 人 要 抢 在 别人 前 面 注册 域名 的 原因 。 


3.1.1 申请 域名 


1， 域 名 的 基本 类 型 


域名 分 为 两 种 ， 一 是 国际 域名 ， 也 叫 国际 顶级 域名 ， 是 使 用 最 早 、 最 广泛 的 域名 。 例 
如 ， 表 示 工 商 企业 的 .com， 表 示 网 络 提供 商 的 .net， 表 示 非 营利 组 织 的 .org 等 。 为 解决 域名 
资源 的 紧张 ，Intemet 协会 等 国际 组 织 经 过 广泛 协商 ， 在 原来 3 个 国际 通用 顶级 域名 
(.com、.net、.org) 的 基础 上 ， 新 增 了 .firm、.info 等 7 个 国际 通用 顶级 域名 。 二 是 国内 域 
名 ， 又 称 为 国内 顶级 域名 ， 即 按照 国家 的 不 同 分 配 不 同 的 后 级 ， 这 些 域名 即 为 该 国 的 国内 
顶级 域名 。 目 前 200 多 个 国家 和 地 区 都 按照 ISO3166 国家 代码 分 配 了 顶级 域名 ， 如 中 国 
是 .cn， 美 国 是 us， 日 本 是 .jp 等 。 

在 实际 使 用 上 ， 国 际 域名 与 国内 域名 没有 任何 区 别 ， 都 是 互联 网 上 的 具有 唯一 性 的 标 
识 。 只 是 在 最 终 管理 机 构 上 ， 国 际 域名 由 美国 商业 部 授权 的 互联 网 名 称 与 数字 地 址 分 配 机 
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构 即 ICANN 负责 注册 和 管理 ; 而 国内 域名 系统 则 由 中 国 互 联网 络 管理 中 心 即 CNNIC 负责 
运行 和 管理 ， 注 册 转 由 CNNIC 认证 的 域名 注册 服务 机 构 提供 。 

我 国 在 国际 互联 网 络 信息 中 心 (Inter NIC) 正式 注册 并 运行 的 顶级 域名 是 .cn， 这 也 是 
我 国 的 一 级 域名 。 在 顶级 域名 之 下 ， 我 国 的 二 级 域名 又 分 为 类 别 域名 和 行政 区 域名 两 类 。 
类 别 域名 共 6 个 ， 包 括 用 于 科研 机 构 的 .ae、 用 于 工商 金融 企业 的 .com、 用 于 教育 机 构 的 .edu、 
用 于 政府 部 门 的 .gov、 用 于 互联 网 络 信息 中 心 和 运行 中 心 的 .net 以 及 用 于 非 营 利 组 织 
的 .org。 而 行政 区 域名 有 34 个 ， 分 别 对 应 于 我 国 各 省 、 自 治 区 和 直辖 市 。 

2. 域名 的 命名 规则 


由 于 Intermet 上 的 各 级 域名 分 别 由 不 同 机 构 管理 ， 因 此 各 个 机 构 管理 域名 的 方式 和 域 
名 命名 的 规则 也 有 所 不 同 。 但 域名 的 命名 也 有 一 些 共 同 的 规则 ， 主 要 有 以 下 几 点 。 
小 ”只 提供 英文 字母 (a 一 z， 不 区 分 大 小 写 ) 、 数 字 〈0 一 9) 以 及 “-”( 英 文中 的 连 
词 号 ， 即 中 横 线 ) ， 不 能 使 用 空格 及 特殊 字符 (如 !、$、&&、? 等 )。 
* ”“-” 不 能 用 作 开 头 和 结尾 。 
小 长度 有 一 定 限制 ， 如 中 国 万 网 规定 不 能 超过 63 个 字符 。 
”不 得 含有 危害 国家 及 政府 的 文字 。 


3， 域 名 的 选择 


假设 某 一 个 企业 网 站 名 已 经 确定 了 ， 那 么 ， 域 名 该 如 何 选 择 呢 ? 

首先 ， 可 考虑 直接 使 用 网 站 名 (或 企业 名 〉 拼音 的 方式 ， 这 种 方式 简单 易 记 ， 最 受 欢 
迎 。 具 体 方式 可 以 包含 以 下 几 种 。 

》” 直接 采用 网 站 名 的 拼音 。 这 是 绝 大 多 数 人 都 最 容易 想到 的 。 如 淘宝 (taobao) 、 

优酷 (youku) 、 百 度 (baidu) 。 

”采用 网 站 名 中 的 前 两 字 或 后 两 字 。 如 xici (西祠 胡同 ) 、hongxiu 〈 红 袖 添 香 ) 、 

”采用 网 站 名 的 缩 略 拼音 。 这 个 方式 往往 取 网 站 名 的 首 字 母 。 如 xxsy (潇湘 书院 ) 。 

”由 网 站 名 衍生 意义 。 如 ctrip( 携 程 》、love21cn (世纪 佳缘 〉 。 

其 次 ， 还 可 以 站 在 网 站 优化 〈SEO) 角度 ， 在 域名 中 包含 关键 词 或 与 行业 相关 的 词 ， 
对 网 站 优化 排名 有 一 定 的 帮助 。 例 如 某 网 络 公司 的 业务 是 做 网 站 SEO， 那 么 选择 域名 时 可 
以 是 xx+seo 的 形式 ， 用 户 看 到 这 样 的 域名 后 可 以 轻易 地 看 出 来 网 站 所 从 事 的 行业 。 

最 后 ， 如 果 简短 好 记 的 域名 和 网 站 名 的 拼音 注册 都 已 注册 不 到 ， 那 么 还 可 以 从 意义 和 
品牌 塑造 的 角度 来 挖 气 。 因 为 品牌 ， 往 往 需 要 独特 独创 、 经 得 起 回味 和 咀 虽 ， 如 Google。 

域名 是 企业 品牌 建设 的 重要 部 分 ， 随 着 时 间 推 移 ， 域 名 价值 会 愈加 凸显 。 因 为 域名 一 
且 确 定之 后 ， 域 名 会 纳入 到 网 站 整体 推广 当中 ， 后 期 变更 成 本 会 变 得 很 大 。 好 域名 会 提升 
企业 形象 ， 不 好 的 域名 会 增加 推广 成 本 ， 所 以 域名 选择 一 定 要 慎重 。 

一 般 来 讲 ， 企 业 域名 选择 有 五 忌 。 

纱 “ 鼠 域名 过 长 : 让 人 难以 记忆 、 难 以 输入 且 不 利于 建设 ， 一 般 4 一 8 个 字母 为 宜 。 
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小 ” 忌 加 中 划 线 : 显得 过 于 草率 ， 不 利于 品牌 推广 、CI 建设 ， 很 少 有 大 企业 的 站 点 选 
择 带 有 中 划 线 的 域名 。 
小 ” 忌 字 母 、 数 字 混 杂 : 同样 会 有 明显 的 草率 之 感 ， 且 不 利于 输入 。 
小 ” 忌 随 意 自 创 英 文 : 很 容易 会 造成 外 国人 看 不 懂 、 读 不 顺 ， 中 国人 更 莫名 其 妙 的 
局 面 。 
》” 忌 随 便 用 用 ， 随 便 选择 的 心态 。 
4. 域名 的 注册 
(1) 准备 申请 资料 。 目 前 ，.com 域名 的 注册 需 提供 身份 证 等 资料 ，.cn 域名 则 不 允许 
个 人 申请 ， 要 申请 则 需要 提供 企业 营业 执照 。 
(2) 寻找 域名 注册 商 。 由 于 .com、.cn 域名 等 不 同 后 级 均 属于 不 同 注册 管理 机 构 所 管 
理 ， 如 要 注册 不 同 后 级 域名 ， 则 需要 从 注册 管理 机 构 寻 找 经 过 其 授权 的 顶级 域名 注册 服务 
机 构 。 如 .com 域名 的 管理 机 构 为 ICANN，.cn 域名 的 管理 机 构 为 CNNIC 中国 互联 网 络 
信息 中 心 )。 若 注册 商 已 经 通过 ICANN、CNNIC 双重 认证 ， 则 无 须 分 别 到 其 他 注册 服务 机 
构 申 请 域名 。 
(3) 查询 域名 。 在 注册 商 网 站 查询 域名 ， 选 择 要 注册 的 域名 ， 并 进行 注册 。 
(4) 正式 申请 。 查 到 想 要 注册 的 域名 ， 并 且 确 认 域 名 为 可 申请 的 状态 后 ， 提 交 注 册 ， 
并 缴纳 年 费 。 
(5) 申请 成 功 。 正 式 申请 成 功 后 ， 即 可 开始 进入 DNS 解析 管理 、 设 置 解析 记录 等 操作 。 
【 例 3-2】 中 国 万 网 注册 域名 流程 (如 图 3-1 所 示 ) 


测 这 tw 


欧 万 网 15 征 
oe SM  。 攻 = 
二 万 碍 产 约 计 和 


.中 国 .CN .com .mobi .CC .me .org hk _ 
20 元 /年 99 元 /年 320 元 
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139 元 /年 。 180 元 /年 400 元/ 


第 一 步 : 查询 域名 。 
登录 中 国 万 网 (http://www.net.cn )， 在 其 搜索 框 中 输入 想 要 注册 的 域名 ， 在 搜索 框 下 
选中 想 查 询 的 后 级 ， 再 单 击 【 查 询 】 按 钮 ， 如 图 3-2 所 示 。 如 果 申 请 的 域名 已 经 被 别人 注 
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册 ， 页 面 会 提示 不 可 以 注册 ， 需 要 重新 选 一 个 域名 。 


域名 查询 。” 通用 网 址 查询 “主机 查 状 态 


回 英文 域名 各 中 文 域名 查询 更 多 >> 


www [dzsvo08 [ 查 词 
司 com 加 crd mobi 


Inet 目 -org com cn 


回 netcn ” 目 so wew 


co wew 
占 govcn 加 orgcn tel 
tv biz 


hk name info 


四 cc 


-asia me 


公司 网 络 中 国 (cn) 六 


图 3-2 域名 查询 


第 二 步 : 注册 域名 。 

如 果 查 询 的 域名 尚未 被 别人 注册 ， 系 统 会 提示 该 域名 尚未 注册 ， 如 图 3-3 所 示 。 
域名 查询 结果 
国 dzsw008.com (尚未 注册 ) 站 139 元 /年 对 单个 注册 加 入 购物 车 


更 多 的 相关 域名 柯 选 ) 
经 查 ， 此 词 无 相关 推荐 ， 请 查询 其 它 域名 


所 远 域 客 而 天 灼 物 肝 
图 3-3 域名 查询 结果 
第 三 步 : 加 入 购物 车 并 结算 ， 如 图 3-4 所 示 。 


A 税 对 确认 订单 信息 选择 支付 万 式 订单 提交 成 功 


提示 : 购物 车 中 的 产品 并 不 代表 己 购买 城 功 ， 请 您 尽快 结 芷 ; 如 时 您 对 风物 车 有 任何 意 风 请 点 击 这 里 友情 | 
[全 请 选择 域名 所 有 者 类 型 。 个 人 条 户 (不 能 注册 国内 地 种)】 二 企业 用 户 
产品 名 称 产品 内 容 年 限 价格 赂 送 积分 操作 


国际 英文 域名 《. con) dzsw093. con ] 年 " 139 元 全 535 委 删除 


金额 总 计 : 139 元 共 节省 ; 0 元 出 送 积分 ; 535 积 分 


站 靖宇 风 析 车 
图 3-4 加 入 购物 车 并 结算 


第 四 步 : 选择 域名 所 有 者 类 型 。 

个 人 用 户 不 能 注册 国内 域名 , 如 果 不 是 会 员 , 还 需要 注册 成 为 万 网 会 员 , 如 果 是 会 员 ， 
直接 登录 即 可 。 

第 五 步 : 核对 并 确认 订单 信息 。 

内 容 主要 包括 填写 域名 所 有 者 的 中 英文 信息 ， 如 联系 方式 和 域名 配置 信息 (域名 解析 
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密码 等 )。 
最 后 完成 支付 即 可 。 完 成 注册 流程 并 办 理 好 支付 手续 后 ， 域 名 注册 成 功 ， 到 时 会 有 邮 
件 通知 密码 和 使 用 方法 。 


S. 域名 解析 


注册 了 域名 之 后 ， 要 看 到 自己 的 网 站 内 容 还 需要 进行 “域名 解析 ”。 域 名 和 网 址 并 不 
完全 是 一 回 事 ， 域 名 注册 好 之 后 ， 只 说 明 你 对 这 个 域名 拥有 了 使 用 权 ， 如 果 不 进行 域名 解 
析 ， 那 么 这 个 域名 就 不 能 发 挥 它 的 作用 ， 只 有 经 过 解析 的 域名 才 可 用 来 作为 网 址 访问 自己 
的 网 站 ， 因 此 域名 投入 使 用 的 必 备 环节 是 “域名 解析 ”。 域 名 是 为 了 方便 记忆 而 专门 建立 
的 一 套 地 址 转换 系统 ， 要 访问 一 台 互 联网 上 的 服务 器 ， 最 终 还 必须 通过 IP 地 址 来 实现 ， 
域名 解析 就 是 将 域名 重新 转换 为 IP 地 址 的 过 程 。 一 个 域名 对 应 一 个 人 P 地 址 , 一 个 他 地 址 
可 以 对 应 多 个 域名 ， 所 以 多 个 域名 可 以 同时 被 解析 到 一 个 IP 地 址 。 域 名 解析 需要 由 专门 
的 域名 解析 服务 器 (DNS ) 来 完成 。 

下 面 用 一 个 实例 来 说 明 域名 解析 的 过 程 。 

【 例 3-3】 中 国 万 网 注册 域名 解析 

首先 ， 使 用 万 网 会 员 ID 和 会 员 ID 密码 登录 万 网 会 员 区 ， 单 击 页 面 左 侧 【产品 管理 】 
中 的 【域名 管理 】 超 链接 ， 此 时 页 面 右 侧 出 现 已 购买 的 域名 ,如 图 3-5 所 示 。 

显示 : 到 地 生 才 汐 急 秀 续费 域名 | 选择 分 组 | 
域名 类 型 行为 状态 自动 詹 费 | 成 功 日 。 | 到 期 日 “| 管理 


国际 英文 域名 
(Cnet) 


购买 成 功 已 设置 2009-11-21 2010-11-21 管理 


CW 英文 域名 注册 ”续费 资料 驳回 原因 重 提 ”未 设置 2008-11-7 2010-11-23 管理 


1 第 -页 上 -页 下 -页 到 | ”| 页 第 页 


[区 修改] | 信息 修改 ] | 域名 过 户 | | 匣 问 转移 | | 转 和 Bc | | 导出 pxeel | 
图 3-5 域名 管理 界面 


选中 需要 设置 解析 的 域名 并 单 击 下 面 的 【域名 解析 】 按 钮 ， 进 入 解析 界面 ， 如 图 3-6 
所 示 。 


域名 信息 修改 信息 域名 续费 域名 注册 信息 保护 域名 过 户 证 书 打印 修改 密码 修改 DNS 凶 建 /修改 域名 服务 器 | 
您 当前 要 解析 的 域名 是 : duoduola. net， 域 名 解析 需要 大 约 2 小 时 生效 ， 请 您 耐心 等 候 . 


便捷 解析 《ry 高 级 解析 md 
多 理 设置 主机 解析 设置 邮箱 解析 、E 录 等 


* 便捷 解析 生效 后 ,您 将 可 以 通过 wew. 域名 和 不 加 wew 域名 访问 您 的 网 站 ; 


* 如 果 您 是 新 手 参照 帮助 文档 即 可 快速 完成 : 域名 解析 速成 一 一 快速 域名 解析 设置 方法 


3-6 域名 解析 
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根据 会 员 区 提示 , 填写 业务 中 相对 应 的 主机 服务 器 IP 和 邮箱 服务 器 IP 后 ,再 单 击 【新 
增 】 按 钮 ， 这 样 就 可 以 把 主机 空间 和 域名 绑 定 在 一 起 了 。 

如 果 域 名 是 在 万 网 注册 ， 并 且 选 择 使 用 万 网 的 DNS 服务 器 ， 那 么 进行 域名 解析 操作 
时 的 生效 时 间 如 下 。 

省 “添加 新 的 解析 记录 ， 生 效 时 间 是 10 分 钟 。 
修改 已 经 添加 的 解析 记录 ， 生 效 时 间 是 60 分 钟 。 
修改 为 万 网 DNS 服务 器 后 首次 进行 域名 解析 ， 生 效 时 间 是 2 小 时 。 
国内 域名 DNS 修改 ， 修 改 时 间 最 长 6 小 时 。 
国际 域名 DNS 修改 ， 修 改 时 间 最 长 48 小 时 。 


3.1.2 ”域名 备案 


1. 什么 是 域名 备案 

域名 备案 是 指针 对 有 网 站 的 域名 到 国家 工信部 《http://www.miitbeian.gov.cn) 提交 网 
站 的 相关 信息 。 目 的 就 是 为 了 防止 在 网 上 从 事 非 法 的 网 站 经 营 活动 ， 打 击 不 良 互 联网 信息 
的 传播 。 

2.， 经 营 性 的 互联 网 信息 服务 与 非 经 营 性 互联 网 信息 服务 


经 营 性 互联 网 信息 服务 是 指 通过 互联 网 向 上 网 用 户 有 偿 提 供 信息 或 者 网 页 制作 等 服 
务 活动 。 

非 经 营 性 互联 网 信息 服务 是 指 通过 互联 网 向 上 网 用 户 无 偿 提 供 具 有 公开 性 、 共 享 性 信 
息 的 服务 活动 。 

3， 非 经 营 性 互联 网 信息 服务 报 备 流 程 


(1) 登录 工信部 备案 网 站 。 

(2) ICP 注册 。 

(3) 输入 手机 、 邮 件 验证 码 。 

(4) 录入 备案 信息 。 

(5) 将 备案 编号 和 电子 证 书 安放 在 规定 的 位 置 。 

(6) 个 人 网 站 站 长 备案 须 当 面 检验 拍照 。 

4 前 置 审批 手续 

根据 《互联 网 信息 服务 管理 办 法 》( 国 务 院 292 号 令 ) 第 5 条 等 有 关 规 定 ， 拟 从 事 新 
闻 、 出 版 、 教 育 、 医 疗 保健 、 药 品 和 医疗 器 械 、 文 化 、 广 播 电 影 电视 节目 等 互联 网 信息 服 
务 的 ， 依 照 法 律 、 行 政法 规 以 及 国家 有 关 规 定 应 经 有 关 主 管 部 门 审核 同意 ， 在 履行 备案 手 
续 时 ， 还 应 向 其 住所 所 在 地 省 通信 管理 局 提交 相关 主管 部 门 审核 同意 的 文件 。 


邓 邓 也 
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5S， 电 子 证 书 的 安装 


(1) 将 备案 证 书 文件 bazx.cert 放 到 网 站 地 址 cert/ 目 录 下 。 该 文件 必须 可 以 通过 地 址 
“http:// 网 站 域名 /cert/bazs.cert” 访 问 。 

(2) 将 备案 号 /经 营 许 可 证 号 显示 在 网 站 首页 底部 的 中 间 位 置 。 

(3) 在 网 站 的 页 面 下 方 已 放 好 的 备案 号 的 位 置 做 一 个 超 链 接 ， 链 接 到 工信部 备案 网 


站 : http:/www.miitbeian.gov.cn。 


3.2 ”确定 服务 器 解决 方案 


仅 有 域名 还 远 远 不 够 。 就 像 注册 了 一 个 名 字 响 亮 的 公司 ， 还 无 法 立即 开展 业务 ， 因 为 
必须 要 有 办 公 场 地 。 与 此 类 似 ， 拥 有 了 网 上 招牌 之 后 ， 还 必须 要 有 网 上 的 经 营 场地 一 一 服 
务 器 空间 。 

一 个 电子 商务 网 站 至 少 应 有 一 台 用 于 存放 企业 网 站 的 服务 器 。 网 站 存放 在 一 个 什么 样 
的 服务 器 上 ， 有 很 多 种 方案 ， 应 根据 企业 自身 的 实际 情况 进行 选择 。 

解决 服务 器 的 选择 方案 有 如 下 几 种 。 


1， 虚拟 主 机 


虚拟 主机 ， 即 通常 所 说 的 租用 ISP (Internet Service Provider) 硬盘 空间 。ISP 的 一 台 
服务 器 可 能 会 虚拟 出 很 多 主机 名 称 ， 每 一 台 虚 拟 主机 都 具有 独立 的 域名 和 IP 地 址 ， 具 有 
完整 的 Intemet 服务 器 功能 。 虚 拟 主机 之 间 完 全 独立 ， 在 外 界 看 来 ， 每 一 台 虚 拟 主机 和 一 
台独 立 的 主机 完全 一 样 。 由 于 多 台 虚 拟 主机 共享 一 台 真 实 主机 的 资源 ， 每 个 虚拟 主机 用 户 
享受 的 服务 器 资源 和 各 项 服务 、 支 持 将 受到 限制 ， 但 同样 是 由 于 多 个 用 户 共享 一 台 主 机 ， 
用 户 基本 上 不 需要 管理 和 维护 自己 的 主机 ， 而 且 虚 拟 主机 的 费用 较 主机 托管 的 费用 要 低 很 
多 。 虚 拟 主机 比较 适用 于 中 小 型 企业 。 

图 3-7 是 某 ISP 的 两 款 虚拟 主机 的 价格 与 功能 双 线 普及 型 主机 基础 型 虚拟 主机 
本 时。 2 a 

选择 服务 商 时 ， 不 要 只 看 空间 大 小 和 价格 是 否 。 | 3 SOMB ys 
便宜 ， 还 要 考虑 到 空间 的 其 他 性 能 ， 例 如 网 速 、IS 。 | 6 1 
并 发 连接 数 、 数 据 库 支持 、 稳 定性 和 安全 设施 、 是 
否 24 小 时 服务 、 服 务 口碑 、 产 品 功能 等 因素 。 

2， 主 机 (服务 器 ) 托管 图 3-7 虚拟 主机 配置 与 价格 


如 果 企业 的 网 站 需要 主机 提供 更 多 的 服务 ， 或 登录 网 站 的 速度 有 更 高 的 要 求 ， 那 么 企 
业 自 行 购买 服务 器 后 ， 可 以 将 自己 的 服务 器 托管 在 ISP 的 机 房 里 ， 实 现 其 与 mtemet 的 连 
接 ， 从 而 省 去 用 户 自行 申请 专线 接 入 到 Intemet 的 麻烦 。 这 种 方式 下 ISP 负责 提供 网 络 接 
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入 设备 ， 企 业 自 己 在 主机 上 安装 、 配 置 需要 的 各 项 服务 ， 并 且 可 以 享有 较 高 的 接 入 带宽 ， 
但 是 需要 技术 人 员 经 常 为 主机 的 硬件 环境 和 软件 环境 进行 远程 维护 。 这 种 方案 需要 交付 一 
定 的 托管 费用 ， 比 较 适用 于 大 中 型 企业 。 
3. 主机 租用 


客户 无 须 自 己 购置 服务 器 ， 而 是 直接 采用 服务 提供 商 准 备 的 服务 器 以 及 软件 系统 ， 这 
样 可 以 省 去 采购 成 本 ， 并 且 安 放 在 服务 商 的 IDC 中 ， 带 宽 、 安 全 、 稳 定 、 系 统 维护 等 问题 
都 由 服务 商 技术 人 员 来 打 理 。 主 机 为 该 企业 所 专用 ， 需 要 支付 一 定 的 租用 费用 。 


4， 自 建 主机 


企业 开展 电子 商务 也 可 自己 购买 运营 服务 器 ， 这 种 方式 称 为 自 建 主机 方式 。 自 建 主机 
需要 配备 专业 人 员 、 申 请 专线 、 购 买 服务 器 、 路 由 器 等 硬件 设备 ， 并 安装 相应 的 网 络 操作 
系统 ， 开 发 使 用 Web 程序 ， 设 定 Intemet 服务 的 各 项 功能 ， 包 括 DNS 服务 器 及 WWW、 
FTP 服务 设置 等 。 这 种 方式 的 优点 是 可 以 自由 设置 功能 ， 自 由 使 用 软件 , 不 受 ISP 的 限制 ， 
缺点 是 需要 有 水 平 较 高 的 专业 技术 人 员 ， 投 入 资金 较 大 。 


3.3 ”电子 商务 网 站 的 软件 平台 搭建 


完成 域名 注册 和 服务 器 的 选择 后 ， 接 下 来 需要 解决 的 是 电子 商务 网 站 应 选择 一 个 什么 
样 的 软件 平台 , 是 用 UNIX、Linux 还 是 Windows 2000/2003? 是 采用 ASP、PHP 还 是 JSP? 
这 就 需要 具体 分 析 企 业 的 功能 需求 和 性 能 需求 ， 如 稳定 性 、 速 度 和 安全 性 等 ， 还 要 计算 投 
入 的 成 本 及 可 能 取得 的 收益 。 要 解决 这 些 问题 ， 首 先 要 了 解 电子 商务 网 站 的 运营 平台 所 需 
要 的 软件 系统 ， 包 括 操作 系统 、 服 务 器 软件 和 数据 库 软 件 等 。 下 面 分 别 简要 介绍 这 些 软件 
的 特点 及 使 用 情况 ， 有 关 数 据 库 软 件 的 内 容 将 在 第 7 章 中 介绍 。 


3.3.1 网 络 操作 系统 


目前 流行 的 能 用 于 电子 商务 网 站 的 操作 系统 主要 有 3 类 。 
1. UNIX 


UNIX 是 一 个 功能 强大 、 性 能 全 面 的 多 用 户 、 多 任务 操作 系统 ， 可 以 应 用 从 巨型 计算 
机 到 普通 PC 机 等 多 种 不 同 的 平台 上 ， 是 应 用 面 最 广 、 影 响 力 最 大 的 操作 系统 。 

UNIX 系统 具有 以 下 特点 。 

”多 任务 、 多 用 户 。 

”可 靠 性 高 。 

小 ”面向 数据 库 应 用 。 
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功能 强大 的 Shell。 

强大 的 网 络 支持 。 

系统 源 代码 用 C 语言 写成 ， 移 植 性 强 。 
开放 性 好 。 


2. Linux 


Linux 是 一 种 外 观 和 性 能 与 UNIX 相同 的 操作 系统 , 但 Linux 不 源 于 任何 版 本 的 UNIX 
的 源 代码 ， 而 是 一 个 类 似 于 UNIX 的 产品 。Linux 产品 成 功 地 模仿 了 UNIX 系统 及 其 功能 。 
Linux 系统 具有 以 下 特点 。 


» 


» 


多 任务 、 多 用 户 。 

源码 公开 。 

广泛 的 硬件 支持 ， 易 于 移植 。 
安全 性 及 可 靠 性 好 ， 内 核 高 效 稳定 。 
强大 的 网 络 功能 。 


3. Windows Server 2003 


Windows Server 2003 是 一 个 多 任务 操作 系统 ， 能 够 按照 用 户 的 需要 ， 以 集中 或 分 布 的 
方式 处 理 各 种 服务 器 角色 。Windows Server 2003 具有 可 靠 性 、 实 用 性 和 安全 性 ， 这 使 其 成 
为 高 度 可 靠 的 平台 。 

Windows Server 2003 具有 以 下 特点 。 


La 


高 可 靠 性 :提供 具有 基本 价值 的 IT 架构 ， 包 括 一 个 兼 具 内 置 的 、 传 统 的 应 用 服 
务 器 功能 和 广泛 的 操作 系统 功能 的 应 用 系统 平台 ， 集 成 了 信息 工作 基础 架构 ， 从 
而 保护 商业 信息 的 安全 ， 并 确保 能 够 访问 这 些 商业 信息 。 

高 效 性 : 提供 灵活 易 用 的 工具 ， 使 你 的 设计 和 部 署 与 组 织 及 网 络 的 要 求 相 匹配 。 
连接 性 : 提供 集成 的 Web 服务 器 IIS (Intemet Information Services) 和 流 媒体 服 
务 器 ， 帮 助 你 快速 、 轻 松 和 安全 地 创建 动态 Intranet 和 Internet Web 站 点 。 
提供 内 置 的 服务 ， 帮 助 你 轻松 地 开发 、 部 署 和 管理 XML Web 服务 。 
提供 多 种 工具 ， 使 你 得 以 将 XML Web 服务 与 内 部 应 用 程序 、 供 应 商 和 合作 伙伴 
连接 起 来 。 


3.3.2 ”Web 服务 器 软件 


Web 服务 器 也 称 为 WWW (World Wide Web， 即 万 维 网 ) 服务 器 ， 主 要 提供 网 上 信息 
浏览 服务 。Web 服务 器 软件 作为 驻 留 于 服务 器 上 的 程序 ,通过 Web 浏览 器 与 用 户 实现 交互 。 
Web 服务 器 软件 的 种 类 繁多 。 下 面 介 绍 几 种 常用 的 Web 服务 器 软件 。 
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1. IS 


IIS 是 Internet Information Services 的 缩写 。IIS 作为 当今 流行 的 Web 服务 器 软件 之 一 ， 
提供 了 强大 的 Intemet 和 Intranet 服务 功能 。IIS 是 随 Windows 2000/Windows Server 2003 
一 起 提供 的 文件 和 应 用 程序 服务 器 ， 与 Windows 2000/Windows Server 2003 完全 集成 ， 可 
以 建立 强大 灵活 的 Internet/Intranet 站 点 。IIS 是 一 种 Web (网 页 ) 服务 组 件 ， 其 中 包括 Web 
服务 器 、FTP 服务 器 、NNTP 服务 器 和 SMTP 服务 器 ， 分 别 用 于 网 页 浏览 、 文 件 传输 、 新 
闻 服 务 和 邮件 发 送 等 方面 ， 它 使 在 网 络 〈 包 括 互联 网 和 局 域 网 ) 上 发 布 信息 成 了 一 件 很 容 
易 的 事 。 

需要 说 明 的 是 ，Windows XP Professional (专业 版 )、Windows 7 Professional (专业 版 )、 
Windows 7 Ultimate 〈 旗 舰 版 ) 也 都 集成 了 IIS 。 


2. Apache 


Apache 是 世界 上 使 用 排名 第 一 的 Web 服务 器 软件 。 它 可 以 运行 在 几乎 所 有 广泛 使 用 
的 计算 机 平台 上 ， 由 于 其 跨 平台 和 安全 性 而 被 广泛 使 用 ， 是 最 流行 的 Web 服务 器 端 软件 

Apache 可 运行 在 Linux、UNIX、Windows 等 操作 系统 下 。Apache 支持 许多 特性 ， 大 
部 分 通过 编译 的 模块 实现 。 这 些 特性 包括 从 服务 器 端的 编程 语言 支持 到 身份 认证 方案 。 一 
些 通用 的 语言 接口 支持 Perl、Python、Tcl 和 PHP。 


3. Tomcat 


Tomcat 是 一 个 轻 量 级 应 用 服务 器 , 普遍 应 用 于 中 小 型 系统 和 并 发 访问 用 户 不 是 很 多 的 
场合 下 ， 是 开发 和 调试 JSP 程序 的 首选 。 当 在 一 台 机 器 上 配置 好 Apache 服务 器 ， 可 利用 
它 响 应 对 HTML 页 面 的 访问 请 求 。 实 际 上 Tomcat 部 分 是 Apache 服务 器 的 扩展 , 当 运 行 Tomcat 
时 ， 它 实际 上 是 作为 一 个 与 Apache 独立 的 进程 单独 运行 的 。 

4. Web 平台 常见 的 几 种 搭配 方式 


选择 Web 服务 器 软件 时 , 不 仅 要 根据 企业 自身 实际 情况 考虑 当前 的 需要 , 还 要 兼顾 网 
站 发 展 的 需要 ， 同 时 还 要 与 操作 系统 、 数 据 库 系统 联系 起 来 考虑 。 下 面 是 Web 平台 常见 的 
几 种 搭配 方式 。 

Ww Windows Server 2003+IIS+ASP+SQL Server。 
Windows Server 2003+ IIS+ASP.NET+SQL Server。 
Windows Server 2003+ IS+PHP+SQL Server。 
Linux+Apache+PHP +MySQL。 
Linux+Apache+JSP + SQL Server。 


巴巴 也 也 


ed 


电子 商务 网 站 建设 与 管理 (第 2 版 ) 


3.4 网 站 开发 流程 与 网 站 上 传 


3.4.1 电子 商务 网 站 的 开发 方式 


电子 商务 网 站 的 开发 方式 多 种 多 样 ， 概 括 来 讲 ， 主 要 包括 以 下 3 种 。 
1. 外 包 


网 站 外 包 ， 也 就 是 把 不 属于 自己 核心 竞争 力 的 网 站 项 目 外 包 出 去 ， 通 俗 地 说 ， 是 把 自 
己 做 不 了 或 做 不 好 或 别人 做 得 更 好 、 更 便宜 的 事 交 由 专业 的 软件 或 网 络 公司 去 完成 。 优 点 
是 省 力 、 省 心 ， 缺 点 是 费用 比较 高 。 


2， 购 买 商业 软件 


目前 比较 成 熟 的 商业 软件 有 ECSHOP、ShopEx 等 ， 费 用 比 外 包 少 很 多 ， 选 择 这 种 模 
式 也 要 求 企业 有 过 硬 的 技术 团队 支撑 。 另 外 ， 商 业 软件 通常 是 通用 软件 ， 在 体现 企业 自身 
特色 方面 可 能 会 被 限制 。 


3， 自 主 开发 


自主 开发 网 站 的 方式 费用 低 ， 同 时 有 利于 人 才 培 养 和 电子 商务 的 实施 ， 但 要 求 企业 有 
较 高 水 平 的 技术 开发 人 员 。 

这 几 种 方式 各 有 利弊 ， 如 何 选择 ， 还 要 看 企业 的 具体 需求 ， 有 时 不 妨 将 几 种 方式 结合 
起 来 。 例 如 ， 网 站 外 包 服 务 形式 细 化 后 也 有 多 种 ， 包 括 网 站 策划 外 包 、 网 站 维护 〈 托 管 ) 
外 包 、 网 站 改版 外 包 、 网 站 开发 外 包 、 网 站 推广 外 包 等 。 企 业 可 以 根据 自身 情况 选择 某 一 
个 子 项 目的 外 包 与 自主 开发 相 结合 的 方式 ， 这 样 既 可 以 节省 费用 ， 又 可 以 体现 核心 优势， 
以 达到 双赢 的 结果 。 


3.4.2 ”电子 商务 网 站 的 开发 流程 


搭建 电子 商务 网 站 平台 是 一 个 复杂 的 系统 工程 ， 所 涉及 的 环节 、 内 容 很 多 。 因 此 有 必 
要 先 了 解 网 络 公司 的 建站 流程 与 详细 步骤 ， 明 白 每 一 个 阶段 应 该 做 什么 ， 如 图 3-8 所 示 。 

网 站 的 开发 与 建设 流程 一 般 包括 以 下 步骤 。 

第 一 步 : 与 客户 沟通 网 站 制作 意向 。 商 务 人 员 通 过 当面 交谈 、 电 话 、 电 子 邮 件 或 在 线 
订单 方式 了 解 客 户 的 网 站 制作 意向 及 需求 。 

第 二 步 : 为 客户 制作 网 站 规划 方案 。 商 务 人 员 根 据 企 业 业 务 与 网 站 建设 目的 ， 分 析 确 
定 网 站 形象 、 网 站 功能 、 网 站 结构 、 栏 目 设置 、 页 面 量 等 内 容 ， 形 成 完整 的 《网 站 建设 方 
案 书 》 并 确定 价格 。 
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为 客户 制作 与 客户 沟通 
(sr 吝 向 >| Rass 规划 方案 厂 。 设计 细 闻 


3-8 网 络 公司 的 建站 流程 


第 三 步 : 与 客户 洽谈 设计 细节 。 商 务 人 员 与 客户 就 网 站 建设 内 容 进 行 协商 ， 修 改 、 补 
充 ， 以 达成 共识 。 

第 四 步 : 签订 协议 并 交 预 付款 。 商 务 人 员 与 客户 以 面谈 、 电 话 或 电子 邮件 等 方式 ， 针 
对 项 目 内 容 和 具体 需求 进行 协商 ， 产 生 合同 主体 及 细节 。 双 方 认 可 后 ， 签 署 《网 站 建设 合 
同 》。 合 同 附件 中 包含 《网 站 制作 需求 书 》 并 根据 合同 协议 ， 客 户 支付 第 一 阶段 网 站 建设 
费用 。 

第 五 步 : 收集 客户 网 站 相关 资料 。 商 务 人 员 让 客户 收集 和 提供 网 站 所 需 文字 资料 〈 电 
子 稿 ) 与 图 片 素材 ， 客 户 填 写 《ICP 备案 信息 登记 表 》。 

第 六 步 : 设计 主页 方案 及 效果 图 。 美 工 按照 需求 书 进行 网 站 整体 风格 及 布局 设计 ， 并 
出 具 设 计 效 果 图 。 

第 七 步 : 用 户 审核 。 由 用 户 审核 确定 设计 稿 方案 。 如 果 客 户 满意 ， 则 进行 下 面 一 个 步 
又 ;如 果 客 户 不 满意 ， 需 要 及 时 反馈 到 技术 部 ， 技 术 部 负责 修改 。 

第 八 步 : 用 户 确认 。 商 务 人 员 要 客户 签订 《网 站 设计 风格 确认 书 》， 签字 《〈 盖 章 ) 确 
定 设计 和 策划 方案 。 

第 九 步 : 整体 制作 及 测试 。 技 术 部 根据 客户 确定 的 策划 方案 进行 开发 、 制 作 与 测试 。 

第 十 步 : 向 客户 提交 完成 搞 。 将 设计 完成 的 整体 网 站 提交 客户 验收 。 验 收 项 目 包 括 链 
接 的 准确 性 和 有 效 性 、 页 面 是 否 真实 还 原 设计 稿 、 浏 览 器 的 兼容 性 、 功 能 模块 的 有 效 性 等 。 
如 果 客 户 满意 ， 则 进行 下 面 一 个 步 又， 如 果 不 满意 ， 商 务 人 员 或 技术 部 相应 人 员 要 收集 客 
户 意 见 ， 并 及 时 反馈 到 技术 部 ， 由 技术 部 负责 修改 。 

第 十 一 步 : 用 户 最 终 确 认 。 客 户 验收 合格 ， 由 客户 签 写 《网 站 建设 验收 确认 书 》 签 
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字 【 盖 章 ) 确定 网 站 建设 成 果 。 
第 十 二 步 ， 上 传 网 站 及 结 清 余 款 。 应 客户 委托 ， 为 客户 注册 域名 ， 开 通 网 站 空间 ， 将 
网 站 直接 上 传 到 指定 服务 器 上 。 客 户 验收 后 支付 余 款 。 将 所 有 网 站 文件 及 《网 站 维护 说 明 
书 》 一 同 递交 给 客户 。 至 此 ， 网 站 建设 过 程 结束 。 


3.4.3 ”电子 商务 网 站 的 上 传 


1. 网 站 上 传 


网 站 上 传 ， 也 叫 网 站 的 发 布 ， 一 般 都 是 通过 FTP (File Transfer Protocol) 软件 ， 以 远 
程 文件 上 传 方式 将 网 站 上 传 到 服务 器 空间 。 


2.， 上传 工具 介绍 


上 传 工具 软件 有 很 多 ， 既 可 以 利用 Dreamweaver 自 带 的 上 传 工具 ， 也 可 利用 专用 的 FTP 
工具 。 目 前 常用 的 FTP 工具 主要 有 3 种 : LeapFTP、CuteFTP、FlashFXP 等 。 

LeapFTP 是 一 个 非常 好 用 的 FTP 工具， 具有 友好 的 用 户 界面 、 稳 定 的 传输 速度 ， 支 持 
断 点 续 传 和 整个 目录 的 上 、 下 载 ， 可 以 轻松 地 完成 上 传 和 下 载 的 任务 。 下 面 介 绍 LeapFTP 
软件 的 使 用 。 

(1) LeapFTP 主 界面 。 安 装 之 后 可 直接 在 【开始 】 菜 单 中 运行 LeapFTP。 如 图 3-9 

所 示 是 LeapFTP 的 用 户 界面 ， 图 中 4 个 区 域 分 别 是 本 地 目录 窗口 、 远 程 目录 窗口 、 队 列 窗 
口 和 状态 窗口 。 


困 LeapFTP 27.5 - czeducate ie 
服务 器 (S$) “交点 们 ”命令 (0)” 书 怎 (6) 队列 (Q) 查看 (V) 工具 (T) 迁 项 (P) “目录 D) “种 印 (H) 


> 尖 | 国 策 | 臣 名 北 | 国 因 区 男 | 国 间 攻 | … 白 台 | 


元 | 南面 1 i 认同 二 Wa | 
er sh 
夏 昌 类 Er 夫 昌 其 属性 
20U/8/8 16:00 | 是 mtalss 0 2011/5/31 4:05 iw 
2010/8/9 11:06 国 | 要 wfiles 0 2011/5/31 16:39 drw 
2010/8/9 15:29 品 | 起 wiosapiles 0 201l/s/131 16:39 dr 
14939 2010/8/9 10:52 。 | 点 maahirenshi 0 2011/5/31 4:08 。 trr 
18,424 20l0/a19 10:52 | 站 aoc am 4808 2010/8/13 0:00 -ev 
i8109 2010/8/9 10:s2 | 口 wanel jpe 16, 424 2010/6/13 0:00 
154 2010/6/9 Is 站 enerz jpe :元 得 18, 109 2010/8/13 0:00 
本 地 目录 。 以 aa ms | sse 远程 目录 "is wiospa ow re 
so 20io1ala 10:s2 -| Da ai 154 2010//13 0:00 rere 
n "| 下 om | 
RT RR | 
文人 名 ET -| 


date connection for /binlls, 
aplate J 

3 他 节 共 0.03 秒 ( stm 状态 回 
| 
|200 cea sr = 


队列 


连用 00:22) 


3-9 LeapFTP 主 界面 


(2) 添加 站 点 。 要 使 用 FTP 工具 来 上 传 〈 下 载 ) 文件 ， 首 先 必须 设 定好 FTP 服务 器 
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的 网 址 (IP 地址)、 授 权 访 问 的 用 户 名 及 密码 。 
选择 【站 点 】 一 【站 点 管理 器 】 命 令 ， 打 开 【 站 点 管理 器 】 对 话 框 ， 如 图 3-10 所 示 。 
详细 步骤 如 下 。 


宙 “| 融 | 站 点 拓 态 
Ta rh 到 
地 址 158.30.220.147 端口 21 
| 用 户 名 creducate 回 甘 名 
定 罗 sn 四 保 存 密码 
本 地 路 生 | 隔 
运程 路 径 
注释 < 
E77 
[iam | [WE) | [ SAC) | [可] [过 出 o) ] [应 用 WW ] 


3-10 【站 点 管理 器 】 对 话 框 


第 一 步 : 单 击 【添加 站 点 】 按 钮 ， 输 入 站 点 的 名 称 〈 它 只 是 对 FTP 站 点 的 一 个 说 明 )。 
第 二 步 : 按照 界面 所 示 ， 分 别 输入 IP 地 址 (FTP 服务 器 所 拥有 的 卫 )、 用 户 名 和 密码 
(由 ISP 运营 商 或 管理 员 提 供 )。 另 外 ， 对 于 端口 号 在 没有 特别 要 求 的 情况 下 就 使 用 默认 
的 端口 号 21， 不 必 再 进行 改变 。 
第 三 步 : 设置 远程 及 本 地 路 径 , 远程 路 径 其 实 就 是 连 上 FTP 服务 器 后 默认 打开 的 目录 ; 
而 本 地 路 径 就 是 每 次 进入 FTP 软件 后 默认 显示 的 本 地 文件 目录 (也 可 以 不 设置 远程 及 本 地 
路 径 ， 系 统 将 会 使 用 自己 的 默认 路 径 )。 
第 四 步 : 连接 上 传 。 
Q@ 连接 。 通 过 上 面 的 设置 之 后 即 可 连接 FTP 服务 器 上 传 文件 了 。 单 击 工具 栏 下 方 的 
【连接 】 按 钮 ， 稍 等 片刻 ， 即 可 连接 上 FTP 服务 器 。 
@ 上 传 下 载 。 不仅 可 以 传输 单个 文件 ,还 可 以 传输 多 个 文件 甚至 整个 目录 ,LeapFTP 
主要 提供 了 以 下 5 种 方法 。 
”选中 所 要 传输 的 文件 或 目录 ， 直 接 拖 放 到 右 侧目 标 目录 中 即 可 。 
”选中 所 要 传输 的 文件 或 目录 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 【传输 】 
命令 即 可 。 
”双击 想 要 传输 的 文件 即 可 (但 要 先 在 选项 中 进行 设置 )。 
”选中 所 要 传输 的 文件 或 目录 ， 选 择 【 命 令 】 一 【上 传 】 命 令 即 可 。 
”将 选中 的 文件 或 文件 夹 拖 动 到 队列 窗口 中 ,然后 通过 执行 鼠标 右键 菜单 命令 进行 
传输 。 
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TO 
一 、 简 答题 


1. 简 述 域名 解析 的 作用 。 域 名 备案 的 意义 是 什么 ? 

2. 什么 是 虚拟 主机 ? 

3. Web 服务 器 的 解决 方案 有 哪些 ? 各 自 的 优点 和 缺点 分 别 是 什么 ? 
4. 简 述 Web 软件 平台 常见 的 几 种 搭配 方式 。 

5. 上 传 工具 软件 有 哪些 ? 


二 、 填 空 题 


1. Windows 2003 集成 的 Web 服务 器 软件 是 和 

2. 常用 国际 通用 顶级 域名 有 R ， 国 内 顶级 域名 是 g 
3. 电子 商务 网 站 的 开发 方式 有 和 3 种 。 

4 
5 


- 域名 命名 的 规则 规定 域名 中 只 能 出 现 “  、_ ”和 _ _ 3 种 字符 。 
.Linux 系统 具有 、 、 、 安 全 性 及 可 靠 性 和 强大 的 网 络 功能 等 特点 。 


一 、 实 训 目 的 


.掌握 域名 申请 的 方法 和 步骤 。 
了 解 虚拟 主机 提供 商 的 服务 和 收费 。 
掌握 上 传 工具 LeapFTP 软件 的 使 用 。 


二 、 实 训 内 容 


1. 为 某 一 个 企业 尝试 设计 一 个 有 意义 的 域名 ， 然 后 到 CNNIC 进行 域名 查询 ， 看 其 是 
和 否 已 被 人 注册 。 如 没有 注册 ， 选 择 一 家 域名 注册 服务 机 构 申请 注册 。 

2. 收集 以 下 几 家 虚拟 主机 提供 商 的 资料 ， 比 较 其 提供 的 服务 和 收费 情况 。 

(1) 中 国 万 网 。 

(2) 新 网 。 

(3) 中 资源 。 

(4) 西部 数码 。 

(5) 商务 中 国 。 

3. 通过 搜索 引擎 查询 提供 免费 空间 服务 的 网 站 ， 并 进行 申请 ， 记 录 下 FTP 用 户 名 和 
密码 等 信息 。 下 载 LeapFTP 软件 进行 练习 ， 尝 试 上 传 一 些 文件 到 免费 空间 。 

说 明 : 由 于 免费 空间 不 稳定 ， 如 有 条 件 ， 可 申请 价格 稍 低 一 些 的 虚拟 主机 开展 实 训 。 


一 
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建设 网 站 的 基础 : HTML 语言 
利用 Dreamweaver 设计 网 页 
ASP 动态 网 站 制作 基础 
数据 库 基 础 

ASP 存 取 数 据 库 技术 

电子 商务 网 站 设计 与 开发 实例 


第 4 章 建设 网 站 的 基础 : HTML 语言 


ON 

\ 一 【学 习 目标 】 

@ 掌握 HTML 文件 的 基本 结构 。 

@ 掌握 HTML 基本 标记 的 使 用 。 

@ 能 够 利用 表格 和 框架 标记 进行 网 页 布局 。 
@ 了 解 CSS 样式 的 使 用 。 


HTML 语言 是 网 页 制作 的 基础 ， 是 初学 者 必 学 的 内 容 。 虽 然 现在 有 许多 所 见 即 所 得 的 
网 页 制作 工具 ， 如 FrontPage、Dreamweaver 等 ， 但 学 习 HTML 语言 对 于 一 个 想 成 为 网 页 
制作 高 手 的 人 来 讲 ， 仍 是 一 个 必 不 可 少 的 重要 环节 。 就 像 今天 虽 有 计算 器 ， 但 在 学 数学 时 
仍 须 从 “1+1=2” 开 始 ， 这 就 是 基本 功 。 要 知道 “建立 在 沙漠 中 的 宫殿 ， 再 豪华 也 会 倒塌 
的 ”在 电子 商务 网 站 制作 过 程 中 , 很 多 功能 的 实现 需要 编写 代码 , 这 时 , 如 果 基 本 的 HTML 
语言 都 不 懂 的 话 ， 就 寸步 难 行 了 。 


4.1 什么 是 HTML 


HTML 的 全 称 是 Hyper Text Markup Language， 即 “ 超 文 本 标记 语言 ” 是 一 种 用 标记 
(也 可 称 为 标签 ) 来 描述 网 页 文档 结构 和 表现 形式 的 语言 HTML 是 WWW(World Wide Web) 
上 发 布 信息 的 语言 ， 也 是 网 页 制作 的 标准 语言 ， 且 独立 于 各 种 操作 系统 平台 ， 特 点 是 功能 
强大 、 易 学 易 用 。 
严格 地 说 ，HTML 语言 并 不 是 一 种 程序 语言 ， 只 是 包含 一 些 标记 的 文本 文件 ， 这 些 标 
记 告 诉 浏览 器 如 何在 网 页 页 面 上 显示 文字 、 表 格 、 图 片 和 超 链 接 等 。HTML 文件 可 以 使 用 
记事 本 、FrontPage、Dreamweaver 等 任何 文本 编辑 器 编辑 , 编辑 完毕 后 , 保存 为 .htm 或 .html 
文件 ， 然 后 就 可 以 用 Web 浏览 器 如 正 〈Internet Explorer) 或 其 他 浏览 器 打开 查看 了 。 


4.1.1 制作 最 简单 的 网 页 文件 


下 面 从 创建 一 个 最 简单 的 HTML 文件 开始 讲解 。 
【 例 4-1】 一 个 简单 的 HTML 文件 
打开 记事 本 ,新 建 一 个 文件 并 输入 以 下 代码 。 


第 4 章 建设 网 站 的 基础 : HTML 语言 
<html> 
<head> 
<title> 我 的 第 一 个 网 页 文件 </title> 
</head> 
<body> 
<h2 align="center" > 我 的 主页 </h2> 
欢迎 光临 我 的 主页 。<br> 
这 是 我 的 第 一 个 网 页 文件 。 
</body> 
</html> 


将 其 另存 为 myfirst.html〔 保 存 类 型 设 为 “所 有 类 型 ”)。 要 浏览 myfirsthtml 文件 ， 只 
需 双 击 它 即 可 在 浏览 器 中 查看 效果 ， 如 图 4-1 所 示 。 


说 明 : 如 何 查 看 网 页 文件 的 源 文件 ? 妆 R | 乱入 人 IR 人 f 。 | | 位 

在 卫 7、IE 6 等 版 本 的 浏览 器 中 打开 网 页 后 ， 可 我 的 主页 
通过 选择 【查看 】 一 【 源 文件 】 命 令 来 查看 网 页 的 源 | ;gyopsspmm 主 。 
文件 。 这 是 我 的 第 一 个 网 页 文件 。 

在 下 8 中 ， 默 认 情 况 下 源 文件 不 是 记事 本 打开 - 
的 ， 所 以 不 能 编辑 修改 网 页 的 源 文 件 。 要 解决 这 个 问 。 由 eS。 人 100% ~ 


题 ， 可 修改 默认 设置 。 按 F12 键 或 在 下 中 选择 【 工 图 4-1 HTML 文件 运行 效果 
具 】 一 【开发 人 员工 具 】 命 令 ， 在 打开 的 窗口 中 选择 
【文件 】 下 面 的 【 自 定义 查看 】 选 项 ， 选 择 【记事 本 】 即 可 。 

网 页 的 修改 也 可 以 在 浏览 器 中 ， 从 【查看 】 菜 单 中 选择 【 源 文件 】 命 令 修 改 。 

1. 标记 

在 HTML 文档 中 , <html>、</html>、<head>、</head>、<body> 和 </body> 都 称 为 标记 ， 
HTML 文件 就 是 由 标记 和 被 标记 的 内 容 组 成 的 , 实际 上 正 是 这 些 标 记 规 定 了 网 页 内 容 的 显 
示 方 式 ， 就 像 一 个 排版 程序 ， 将 网 页 的 文字 、 图 片 等 内 容 排 成 理想 的 效果 。 

标记 在 使 用 时 必须 用 尖 括号 “< >” 括 起 来 ,而且 大 部 分 是 成 对 出 现 ， 即 一 个 起 始 标记 
和 一 个 结束 标记 。 

格式 : < 标记 > 受 标记 影响 的 内 容 </ 标 记 > 

注意 :“<” 与 标记 名 之 间 不 能 留 有 空格 或 其 他 字符 。 标 记 字母 大 小 写 省 可 , 没有 限制 。 

也 有 少数 标记 可 能 单独 出 现 ， 如 <br>， 表 示 插 入 一 个 换行 符 。 

2， 标记 属性 

在 例 4-1 中 ，<h2> 标 记 中 多 出 了 一 些 字符 : 

<h2 align="center" > 我 的 主页 </h2> 


其 中 ，align 称 为 属性 ， 用 来 规定 标题 文字 的 对 齐 方式 ; center 是 属性 值 ， 表 示 居 中 
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显示 。 

所 谓 标记 属性 ， 是 指 为 了 明确 元 素 功能 ， 在 标记 中 描述 元 素 的 某 种 特性 的 参数 及 其 
语法 。 
一 般 语法 格式 为 : 
< 标记 名 属性 名 =" 属 性 值 " 属性 名 =" 属 性 值 " …>…*…</ 标 记名 > 
在 HTML 标记 中 可 以 有 多 个 属性 ， 中 间 用 空格 隔 开 。 不 同 的 标记 通常 有 不 同 的 属性 ， 
但 也 有 一 些 属性 是 通用 的 ， 所 以 学 习 时 要 善于 总 结 规律 ， 以 达到 举一反三 的 目的 。 


4.1.2 HTML 文件 的 基本 结构 


HTML 文件 的 基本 结构 如 下 。 
<html> 
<head> 
bp & = 头 部 信息 不 会 显示 在 浏览 器 窗口 中 
</head> 
<body> 
文档 主体 …..... 主体 内 容 显 示 在 浏览 器 窗口 中 
</body> 
</html> 
HTML 的 语法 比较 简单 ,不 管 是 上 面 简单 的 网 页 还 是 后 面 即将 看 到 的 复杂 网 页 ， 其 结 
构 基 本 上 都 是 相同 的 。 一 般 来 说 ， 都 是 以 <html> 开 头 ， 以 </html> 结 束 ， 且 分 为 文档 头 部 和 
文档 主体 两 个 部 分 。 
1. 文档 头 部 


在 <head> 和 </head> 之 间 的 内 容 , 是 文档 头 部 信息 。 尽 管 文档 头 部 信息 不 显示 在 页 面 中 ， 
但 仍然 是 非常 重要 的 ， 它 会 告诉 浏览 器 如 何 处 理 文档 主体 内 的 内 容 。 
【 例 4-2】 <titte> 和 <meta> 标 记 的 使 用 


<html> 

<head> 
<title> 电 子 商务 教学 网 站 </title> 
<meta name="Keywords" content=" 电 子 商 务 教学 网 站 "> 
<meta name="Description" content=" 这 是 一 个 电子 商务 专业 师 生 交流 的 平台 "> 
<meta http-equiv="Content-Type" content= "text/html; charset=gb2312"> 
<meta http-equiv="Refresh" content="10"> 

</head> 

<body Ea 

<p> 该 页 面 用 来 演示 文档 头 部 
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</body> 
</html> 


(1) <title> 标 记 。 该 标记 用 来 设置 网 页 的 标题 ， 其 中 的 文字 会 显示 在 浏览 器 窗口 的 标 
题 栏 中 。 一 般 情况 下 ， 应 该 为 网 页 添加 一 个 合适 的 标题 ， 这 样 可 以 方便 搜索 引擎 的 收录 。 
(2) <meta> 标 记 。<meta> 标 记 是 一 个 辅助 标记 ， 主 要 用 来 提供 描述 网 页 的 信息 。 不 
要 小 看 <meta> 标 记 , 它 有 着 很 重要 的 作用 。<meta> 标 记 有 3 个 最 重要 的 属性 , 分 别 是 name、 
http-equiv 和 content 属性 。 需 要 注意 的 是 , 这 几 个 属性 的 用 法 与 其 他 标记 的 属性 有 些 不 同 。 
其 中 ,name 和 content 为 一 组 。name 的 属性 值 一 般 是 给 定 的 ,分 别 用 来 说 明 网 页 的 生 
成 工具 、 作 者 、 关 键 字 和 网 页 的 描述 信息 ， 而 content 的 属性 值 则 是 由 用 户 来 设置 的 对 应 
的 信息 ， 具 体 说 明 如 下 。 
”Author: 用 来 设置 网 页 的 作者 姓名 。 
”Keywords: 用 来 定义 关键 字 。 
”Description: 用 来 定义 网 页 的 描述 信息 。 
http-equiv 和 content 为 男 一 组 , http_equiv 的 属性 值 一 般 也 是 给 定 的 , 用 来 说 明 网 页 的 
文件 类 型 、 语 言 编码 方式 和 自动 刷新 时 间 等 ， 而 content 的 属性 值 也 是 用 来 设置 对 应 的 信息 ， 
具体 说 明 如 下 。 
”Content-type: 说 明文 件 的 内 容 类 型 和 语言 编码 方式 ， 设 定 页 面 使 用 的 字符 集 。 
本 例 中 的 text/html 表示 是 HTML 文档 ; meta 标签 的 charset 参数 是 gb2312 时 表示 
中 文 简体 ， 如 果 是 BIG5， 则 代表 网 站 采用 的 编码 是 繁体 中 文 ，charset 参数 如 果 
是 UTF-8， 表 示 为 世界 通用 的 语言 编码 。 
”Refresh: 用 来 设置 网 页 自动 刷新 的 时 间 ， 如 本 例 中 为 10 秒 自动 刷新 一 次 。 
另外 ， 该 属性 还 可 以 让 网 页 在 指定 时 间 后 自动 跳 转 到 另 一 个 页 面 或 网 址 ， 用 法 如 下 : 


<meta http-equiv="Refresh" content="10;URL=http://www.sohu.com" > 
2. 文档 主体 


网 页 文档 主体 是 指 包含 在 <body> 和 </body> 之 间 的 所 有 内 容 ， 它 们 将 显示 在 浏览 器 窗 
口内 。 这 里 的 文档 主体 可 以 包含 文字 、 图 片 、 表 格 等 各 种 标记 。 

<body> 与 <head> 标 记 不 同 ， 它 可 以 添加 很 多 属性 ， 用 来 设置 网 页 背景 、 文 字 、 页 边 
距 等 。 

看 下 面 的 一 行 代码 : 

<body text="blue" background="bg1.gif" bgcolor="##fffffr" leftmargin=2 topmargin=2> 

这 是 一 个 <body> 标 记 ， 其 中 包含 了 多 个 属性 ， 说 明 如 下 。 

”text: 用 以 设 定 文字 颜色 。 

履 “background:， 设 定 背 景 图 片 的 路 径 。 路 径 可 以 是 绝对 路 径 或 相对 路 径 。 

履 “bgcolor: 设 定 背景 颜色 。 当 设 定 背 景 图 片 时 ， 背 景 颜色 会 失去 作用 。 
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P ”leftmargin: 只 适用 于 正 浏览 器 ， 设 定 页 面 左 边 距 ， 单 位 为 像素 。 
省 ”topmargin: 只 适用 于 正 浏览 器 ， 设 定 页 面 上 边 距 ， 单 位 为 像素 。 


4.2 ”HTML 常用 标记 
4.2.1 常用 排版 标记 


1， 分 段 标记 <p></p> 


段落 标记 放 在 一 段 文 字 的 末尾 ， 就 定义 了 一 个 新 段落 的 开始 。<P> 标 记 不 但 能 使 后 面 
的 文字 换 到 下 一 行 ， 还 可 以 使 两 段 之 间 多 一 空 行 。 由 于 一 段 的 结束 意味 着 新 一 段 的 开始 ， 
所 以 使 用 <P> 也 可 省 略 结束 标记 。 

用 法 : <p align=" 对 齐 方 式 "> 这 是 一 个 段落 </p> 

其 中 ,属性 align 用 来 设置 标题 在 页 面 中 的 对 齐 方 式 ,属性 值 可 以 是 left、center 或 right。 

2， 换行 标记 <br> 


<br> 放 在 一 行 的 末尾 ， 可 以 使 后 面 的 文字 、 图 片 、 表 格 等 显示 于 下 一 行 ， 而 又 不 会 在 
行 与 行 之 间 留 下 空 行 , 即 强制 文本 换行 。 由 于 浏览 器 会 自动 忽略 源码 中 空格 和 换行 的 部 分 ， 
因此 这 使 <br> 成 为 最 常用 的 标记 之 一 。 

用 法 : 床 前 明月 光 ，<br> 疑 是 地 上 霜 。 

注意 : 如 果 在 HTML 代码 中 输入 多 个 空格 ， 浏 览 器 中 只 会 显示 出 一 个 空格 ， 其 他 的 空 
格 会 被 忽略 掉 。 要 解决 这 个 问题 ， 可 用 “&nbsp:” 输 出 空格 。 

例如 ， 下 面 的 代码 可 以 输出 3 个 空格 : 

&nbsp;&nbsp;&nbsp; 

3.， 标题 标记 <hn> 和 </hn> 

在 页 面 中 ， 标 题 是 一 段 文 字 内 容 的 核心 ， 所 以 总 是 用 加 强 的 效果 来 表示 。 网 页 中 的 信 
息 可 以 通过 设置 不 同 大 小 的 标题 ， 为 文章 增加 条 理 。 

用 法 : <hn align= "对 齐 方 式 "> 标题 文字 </hn> 

其 中 ，n 用 来 指定 标题 文字 的 大 小 。n 可 以 取 1 一 6 的 整数 值 ， 取 1 时 文字 最 大 ， 取 6 
时 文字 最 小 。 属 性 align 的 取 值 与 <p> 标 记 相 同 。 

<hn>.….</hn> 标 记 会 自动 插入 一 个 空 行 , 不 必用 <P> 标 记 再 加 空 行 。 在 一 个 标题 行 中 无 
法 使 用 不 同 大 小 的 字体 。 与 用 <title>.….</title> 定 义 的 网 页 标题 不 同 ， 标 题 显 示 在 浏览 器 窗 
口内 ， 而 不 是 显示 在 浏览 器 的 标题 栏 中 。 

4. 文字 标记 <font></font> 

该 标记 可 以 用 来 设置 文字 的 大 小 、 字 体 、 颜 色 。 
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用 法 : <font size=" 数 字 " face=" 字 体 " color=-" 颜 色 必 被 设置 的 文字 </font> 
具体 属性 说 明 如 下 。 
省 size: 用 来 设置 文字 的 大 小 。 数 字 的 取 值 范围 为 1 一 7，size 取 1 时 最 小 ， 取 7 时 

最 大 。 
”face: 用 来 设置 字体 ， 如 黑体 、 宋 体 、 楷 体 GB2312、 隶 书 、Times New Roman 等 。 
”color: 用 来 设置 文字 的 颜色 。 
5S， 水 平 线 标记 <hr> 


在 页 面 中 插入 一 条 水 平 线 ， 可 以 将 不 同 功能 的 文字 分 隔 开 ， 使 页 面 看 起 来 更 加 整齐 明 

当 浏览 器 解释 到 HIML 文件 中 的 <hr> 标 记 时 ， 会 在 此 处 换行 ， 并 加 入 一 条 水 平 线段 。 

用 法 : <hr align=" 对 齐 方式 " size=" 粗 细 " width=" 长 度 " color=" 颜 色 " noshade> 

具体 属性 说 明 如 下 。 

”size: 设 定 线条 粗细 ， 以 像素 为 单位 ， 默 认为 2。 

省“width: 设 定 线 的 长 度 ， 可 以 是 绝对 值 〈 以 像素 为 单位 ， 不 随 窗口 尺寸 的 改变 而 改 
变 ) 或 相对 值 (相对 于 当前 窗口 的 百分比 ， 窗 口 的 宽度 改变 时 ， 线 段 的 长 度 也 随 
之 改变 )。 

”noshade: 设 定 纯色 ， 无 阴影 。 

【 例 4-3】 基本 标记 使 用 示例 
<html><head><title> 最 简单 网 页 示例 </title></head> 
<body> 
<h3 align="center"> HTML 语言 的 学 习 </h3> 
<hr> 
<font size="6" color="blue"> 欢 迎 光临 我 的 主页 。</font><br> 
<p align="center"><b> 今 天 我 们 学 习 了 标记 标签 ) </b></p> 
这 是 我 做 的 第 一 个 网 页 。 
<p> 大 学 之 道 ， 在 明明 德 ， 在 亲民 ， 在 止 于 至 善 。 知 止 而 后 有 定 ， 定 而 后 能 静 ， 静 而 后 能 安 ， 
安 而 后 能 虑 ， 虑 而 后 能 得 。 物 有 本 末 ， 事 有 终 始 ， 知 所 先后 ， 则 近 道 侨 。</p> 
</body> 
</html> 


在 浏览 器 中 进行 查看 ， 效 果 如 图 4-2 所 示 。 
6， 图 片 标记 <img> 
在 网 页 中 插入 图 片 ， 可 让 网 页 变 得 丰富 多 彩 ， 富 有 吸引 力 。 目 前 ， 网 页 上 经 常 使 用 的 


图 片 格式 为 GIF 格式 和 JPEG 格式 。GIF 格式 文件 最 多 只 能 显示 256 种 颜色 ， 因 而 很 少 月 


上 


于 存储 照片 。 但 是 ， 存 放 图 标 等 对 颜色 要 求 不 高 的 图 片 ，GIF 格式 文件 已 经 足够 了 。GIF 
格式 图 片 的 优点 在 于 图 片 文件 体积 小 ， 可 以 制作 透明 背景 和 动画 效果 。JPEG 格式 文件 适 
合 存放 高 质量 的 彩色 图 片 和 照片 。 另 外 ，JPEG 格式 文件 采用 压缩 方式 存储 文件 信息 ， 占 
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空间 也 比较 小 ， 所 以 下 载 时 间 较 短 ， 浏 览 速度 也 较 快 。 


实 收 天 | 加 |- 图 met. | 个 最 x 侩 -~ 
HTML 语 言 的 学 习 


欢迎 光临 我 的 主页 。 
今天 我 们 学 习 了 标记 (标签) 

这 是 我 做 的 第 一个 网 页 。 

大 学 之 道 ， 在 明明 蚀 ， 在 订 民 ， 在 止 于 至 善 。 知 止 


而 后 有 定 ， 定 而 后 能 静 ， 静 而 后 能 安 ， 安 而 后 能 
虑 ， 访 生计 物 有 本 未 ， 事 有 终 始 ， 知 所 先 


于 计算 机 | 保护 模式 : 禁用 纺 ” 戈 100% ~ 


4-2 ”基本 标记 使 用 示例 


用 法 : <img src=" 图 片 文件 路 径 " alt=" 说 明 " width=" 宽 度 " height=" 高 度 " border=" 边 框 


宽度 " > 

具体 属性 说 明 如 下 。 

”src: 指定 图 片 文件 的 路 径 〈 含 文件 名 )， 可 以 是 本 地 计算 机 的 图 片 文件 ， 也 可 以 
是 其 他 图 片 的 一 个 URL 地 址 。 

少 alt: 用 于 设置 图 片 的 说 明 信 息 。 如 果 用 户 浏览 器 由 于 某 些 原因 不 能 正常 显示 图 片 ， 
则 可 在 该 位 置 显示 文字 来 替换 图 片 。 若 图 片 正 常 显示 ， 则 当 鼠 标 指针 置 于 图 片上 
时 也 会 显示 文字 。 

”width: 宽度 (像素 数 或 百分数 )。 通 常 只 设 为 图 片 的 真实 大 小 ， 以 免 失 真 ， 若 需 
要 改变 图 片 大 小 ， 最 好 事先 使 用 图 片 编辑 工具 。 若 不 设 定 图 片 的 尺寸 ， 图 片 将 按 
照 其 本 身 的 大 小 显示 。 

小 ”height: 设 定 图 片 的 高 度 〈 像 素数 或 百分数 )。 

”border: 设 定 图 片 边框 的 宽度 。 


7. 在 网 页 中 插入 多 媒体 


(1) 加 入 背景 音乐 。 
用 法 : <bgsound src=" 声 音 文件 路 径 " loop=" 播 放 次 数 "> 
要 加 入 的 背景 声音 文件 的 格式 可 以 是 wav、au 或 mid。 
播放 次 数 取 -1 或 Infinite 时 ， 声 音 将 一 直播 放 直 到 关闭 该 网 页 为 止 。 
(2) 加 入 视频 。 
用 法 : <embed src=" 视 频 文件 路 径 "loop=" 播 放 次 数 " autostart="True/False"> </embed> 
<embed> 标 记 可 用 来 插入 各 种 多 媒体 ， 格 式 可 以 是 WMV、AVI、MIDI、WAV、AU、 
MP3 等 ， 文 件 路 径 可 以 是 相对 路 径 或 绝对 路 径 。 
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8， 滚动 字幕 
用 法 : <marquee direction="leftright" behavior-" 滚 动 方式 " scrollamount-" 移 动 速度 " 
scrolldelay=" 延 迟 时 间 "width=x height=y > 滚动 文字 (或 图 片 ) </marquee> 
具体 属性 说 明 如 下 。 
”width: 设置 字幕 的 宽 ，x 为 像素 数 或 相对 于 窗口 宽 的 百分比 。 
小 ”height: 设置 字幕 的 高 ，y 为 像素 数 。 
”behavior: 值 为 scroll 时 ， 设 置 文字 单 向 流动 ， 值 为 slide 时 ， 设 置 流动 文字 到 达 
边界 停止 ， 值 为 altemate 时 ， 设 置 流动 文字 到 达 边 界 后 反 向 流动 。 
WP ”scrollamount: 指定 每 次 移动 速度 ， 值 越 大 速度 越 快 。 
”scrolldelay: 移动 每 步 的 延 时 ， 单 位 是 毫秒 ， 时 间 越 短 ， 速 度 越 快 。 
9， 列表 标记 


在 Word 中 ， 经 常 使 用 项 目 符号 或 项 目 编号 使 文档 变 得 更 有 条 理 ， 更 便于 阅读 。 在 
HTML 中 ， 也 可 以 建立 列表 实现 类 似 的 效果 。 
(1) 创建 无 序列 表 ， 格 式 如 下 : 
<ul type=" 符 号 类 型 "> 
<li type=" 符 号 类 型 1"> 第 一 个 列表 项 
<li type=" 符 号 类 型 2"> 第 二 个 列表 项 


</ul> 
从 浏览 器 上 看 ， 无 序列 表 的 特点 是 : 列表 项 目 作 为 一 个 整体 ， 与 上 下 段 文本 间 各 有 一 
行 空白 ， 表 项 向 右 缩 进 并 左 对 齐 ， 每 行 前 面 有 项 目 符号 。 
type 指定 每 个 表 项 左 端的 符号 类 型 ， 可 为 disc (实心 圆 点 )、circle (空心 圆 点 )、square 
(方块 )， 也 可 自己 设置 图 片 。 
【 例 4-4】 无 序列 表 应 用 示例 
<html> 
<head><title> 无 序列 表 </title></head> 
<body> 
<ul> 
<litype="circle"> 电 子 商 务 项 目 管理 。 
<li type="square"> 电 子 商 务 顾问 。 
<litype="disc"> 销 售 人 员 。 
</ul> 
</body> 
</html> 


在 浏览 器 中 进行 查看 ， 效 果 如 图 4-3 所 示 。 
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4-3 无 序列 表示 例 


(2) 创建 有 序列 表 。 通 过 带 序号 的 列表 可 以 更 清楚 地 表达 信息 的 顺序 。 使 用 <ol> 标 
记 可 以 建立 有 序列 表 ， 表 项 的 标记 仍 为 <li>。 格 式 如 下 : 
<ol type=" 符 号 类 型 "> 
<li type=" 符 号 类 型 1"> 第 一 个 列表 项 
<li type=" 符 号 类 型 2"> 第 二 个 列表 项 


</ol> 

在 浏览 器 中 显示 时 ， 有 序列 表 的 整个 表 项 与 上 下 段 文本 之 间 各 有 一 行 空白 ， 列 表 项 目 
向 右 缩 进 并 左 对 齐 ; 各 表 项 前 带 顺序 号 。 

可 以 改变 有 序列 表 中 的 序号 种 类 , 利用 <ol> 或 <li> 中 的 type 属性 设 定 5 种 序号 : 数字 、 
大 写 英文 字母 、 小 写 英文 字母 、 大 写 罗马 字母 和 小 写 罗马 字母 。 默 认 的 序号 标记 是 数字 。 

在 <ol> 后 指定 符号 的 样式 ， 可 设 定 直到 </ol> 的 表 项 加 重 记 号 。 格 式 如 下 : 

<ol type="1"> 序号 为 数字 

<ol type="A"> 序号 为 大 写 英 文字 母 

<ol type="a"> 序号 为 小 写 英文 字母 

<ol type="1"> 序号 为 大 写 罗马 字母 

<ol type="i"> 序号 为 小 写 罗马 字母 


4.2.2 ” 超 链接 标记 


1， 超 链接 的 概念 


所 谓 的 超 链 接 是 指 从 一 个 网 页 指向 一 个 目标 的 连接 关系 ， 这 个 目标 可 以 是 另 一 个 网 
页 , 也 可 以 是 同一 网 页 上 的 不 同位 置 , 还 可 以 是 一 个 图 片 、 一 个 电子 邮件 地 址 或 一 个 文件 。 
而 在 一 个 网 页 中 用 来 超 链接 的 对 象 ， 可 以 是 文本 ， 也 可 以 是 一 个 图 片 ， 甚 至 可 以 是 图 片 的 
一 部 分 。 
2. 用 法 
<a hre 全 "链接 目标 的 路 径 " name=" 锚 点 名 称 " target= "打开 窗口 方式 " > 链接 主体 </a> 
说 明 : 
(1) href: 用 来 定义 超 链接 文件 的 路 径 ， 可 以 是 相对 路 径 或 绝对 路 径 。 
(2) target: 指定 打开 超 链接 的 窗口 或 框架 。 取 值 有 以 下 5 种 情况 。 
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小 ”_blank: 在 新 窗口 中 打开 链接 。 
WW ”_self; 在 当前 窗口 打开 链接 。 默 认为 _self。 
 ”_top: 在 整个 浏览 器 窗口 中 打开 链接 。 


 ”_parent: 在 当前 窗口 的 父 窗口 打开 链接 。 

»》” 框架 名 称 ， 在 指定 名 字 的 框架 中 打开 链接 。 

(3) name: 创建 一 个 “ 锚 点 ”的 标识 ， 让 同 页 面 上 的 另 一 个 位 置 引 用 。 相 当 于 在 某 
处 加 了 个 书签 ， 需 要 时 直接 查找 书签 即 可 。 


3， 超 链接 的 类 型 


根据 链接 目标 的 不 同 ， 可 将 超 链接 分 为 以 下 几 种 情况 。 
(1) 站 内 链接 。 链 接 到 本 地 站 点 上 的 某 一 文件 ， 例 如 : 


<a href="intro.html"> 企 业 简介 </a> 
(2) 外 部 链接 。 链 接 到 另 一 个 站 点 的 某 一 文件 ， 例 如 : 
<a href="http://www.dangdang.com/index.html"> 链 接 到 当当 网 </a> 
(3) 锚 点 链接 。 链 接 到 当前 页 面 的 某 一 位 置 ， 例 如 : 


<a name="first"> 这 里 定义 了 一 个 锚 点 </a> 
<a href="##first"> 指 向 同一 页 中 的 锚 点 first</a> 


(4) E-mail 链接 。 链 接 到 一 个 电子 邮箱 地 址 ， 例 如 : 
<a href="mailto:zhangjie@163.com"> 请 与 我 联系 </a> 
【 例 4-5】 ” 超 链 接应 用 示例 


<html> 
<body> 
<p> 
<a href="/intro.html"> 本 文本 </a> 是 一 个 指向 本 网 站 中 的 一 个 页 面 的 链接 。</p> 
<a href="http://www.sohu.com/"> 本 文本 </a> 是 一 个 指向 万 维 网 上 的 页 面 的 链接 。 
</body> 
</html> 


思考 : 如 何 将 一 个 图 片 设置 为 超 链 接 ? 
4.2.3 ”表格 标记 


1. 表格 
表格 是 网 页 设计 中 常用 的 元 素 ， 有 两 个 常用 功能 : 一 是 用 来 显示 文字 或 图 片 内 容 ; 二 
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是 用 来 进行 网 页 布局 ， 使 网 页 更 规范 、 更 美观 。 

表格 的 标记 为 <table>， 使 用 <tr> 标 记 可 将 一 个 表格 划分 成 若干 表格 行 ， 然 后 通过 <td> 
标记 将 每 个 行 划分 成 若干 列 〈 单 元 格 )。 数 据 内 容 放 在 <td> 与 </td> 之 间 。 单 元 格 中 的 数据 
信息 可 以 是 文字 、 图 片 、 列 表 ， 还 可 以 是 嵌 套 表格 。 

2. 语法 格式 

表格 的 用 法 如 下 : 


<table> 
<tr> <td> 表 项 1</td><td> 表 项 2</td><td>…</td><td> 表 项 n</td></tr> 


<tr> <td> 表 项 1</td><td> 表 项 2</td><td>…</td><td> 表 项 n</td></tr> 
</table> 


3.<table> 属 性 


<table> 的 属性 较 多 ， 下 面 介 绍 几 个 主要 属性 。 

border: 定义 表格 边框 的 粗细 ，n 取 整 数 ， 单 位 是 像素 。 如 果 省 略 ， 则 不 带 边框 。 
bgcolor: 设置 背景 颜色 。 

background: 设置 背景 图 片 。 

width: 定义 表格 的 宽度 ， 单 位 可 以 是 绝对 的 像素 数 或 窗口 的 百分比 。 

height: 定义 表格 的 高 度 ， 单 位 是 像素 数 。 

cellspacing: 定义 单元 格 之 间 的 间隙 宽度 ， 单 位 是 像素 ， 默 认为 2。 

cellpadding: 定义 单元 格 内 容 与 单元 格 边界 之 间 的 距离 ， 单 位 是 像素 ， 默 认为 2。 
”colspan 和 rowspan: 可 以 分 别 制作 跨 多 列 〈 合 并 列 ) 和 跨 多 行 〈 合 并 行 ) 的 表格 。 
注意 : 

(1) 如 果 用 <th></th> 取 代 <td> 与 </td>， 可 使 标记 中 文字 按 粗 体 显示 ， 称 为 标题 单 


浊 浊 浊 浊 有 可 有 


元 格 。 
(2) 对 于 表格 的 宽度 ， 如 果 为 像素 数 ， 则 为 绝对 宽度 。 如 果 为 百分数 ， 则 为 相对 于 
浏览 器 窗口 宽度 的 比例 ， 也 就 是 100% 时 表格 宽 等 于 窗口 的 宽度 。 不 管 是 绝对 宽度 还 是 相 
对 宽度 ， 当 数值 太 小 不 足以 显示 表格 中 的 内 容 时 ， 会 自动 以 最 小 的 宽度 显示 。 

【 例 4-6】 表格 边框 属性 示例 


<html> 
<head> 
<title> 表 格 的 边框 属性 </title> 
</head> 


<tr> 
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<td> 单 元 格 1</td> 
<td> 单 元 格 2</td> 
</tr> 
</table> 
</body> 
</html> 


在 浏览 器 中 进行 查看 ， 结 果 如 图 4-4 所 示 。 
【 例 4-7】 表格 跨 多 行 和 跨 多 列 属性 示例 


<html><head><title> 表 格 跨 多 列 属性 </title></head> 
<body> 
<table border="1"> 
<tr><th colspan="3"> 值 班 人 员 </th></tr> 


<tr><td> 周 一 </td><td> 周 二 </td><td> 周 三 </td> </tr> 
<tr><td> 张 三 </td><td> 李 四 </td><td> 王 五 </td> </tr> 


</table> 
</body> 
</html> 


在 浏览 器 中 进行 查看 ， 结 果 如 图 4-5 所 示 。 


次 收藏 天 御 麦 格 的 边框 尾 性 


单元 格 1 | 单元 格 2 | 


也 计算 机 | 向 有 100%6 ~ 


育 收藏 天 逢 表 属 中 多 列 硅 性 


值班 人 员 


周一 周二 周三 
张 三 麻 四 [二 五 


画 计 算 机 | 和 入 > 或 100% ~ 


图 4-4 ”表格 边框 示例 图 4-5 表格 跨 列 示例 


4.2.4 用 框架 进行 网 页 布局 


所 谓 框 架 网 页 , 是 在 一 个 浏览 器 窗口 中 同时 显示 多 个 不 同 的 HTML 文档 。 利 用 框架 结 


构 可 以 在 页 面 中 同时 浏览 多 个 页 面 ,还 可 以 在 一 个 区 域 
中 显示 所 有 页 面 的 总 索引 。 通 过 单 击 该 区 域 中 的 超 链 
接 ， 相 关 网 页 就 会 显示 在 另 一 个 区 域 中 ， 非 常 直观 。 这 
样 当 用 户 在 浏览 局 部 内 容 时 ， 仍 对 整个 网 站 的 结构 有 着 
清晰 的 认识 , 不 至 于 进入 多 层 链 接 后 而 迷失 方向 。 图 4-6 
是 一 个 框架 网 页 的 例子 。 


1. 框架 的 基本 结构 


这 收 基 夫 着 二 竺 网 全 前 


我 的 个 人 网 站 


欢迎 大 家 访问 我 的 网 站 。 


4-6 框架 网 页 示例 
定义 框架 网 页 要 使 用 <frameset> 框 架 集 标 记 ， 这 时 HTML 页 面 的 文档 主体 标记 <body> 
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被 <frameset> 所 取代 ， 然 后 通过 <framese 纪 的 框架 标记 <frame> 定 义 每 一 个 子 窗口 。 


基本 格式 如 下 : 

<html> 

<frameset> 
<frame name=" 框 架 名 " src="URL"> 
<frame name=" 框 架 名 " src="URL"> 


</frameset> 

</html> 

注意 : <frameset> 不 应 该 在 <body> 中 出 现 ， 否 则 会 导致 无 法 正常 显示 框架 。 
2.，<frameset> 标 记 属 性 


”rows: 设 定 横 向 分 割 的 框架 数目 。 

”cols: 设 定 纵向 分 割 的 框架 数目 。 

”border: 设 定 边框 的 宽度 。 

WP ”bordercolor: 设 定 边框 的 颜色 。 

”frameborder: 设 定 有 /无 边框 。 

”framespacing: 设置 各 窗口 间 的 空白 。 

将 窗口 分 割 为 子 窗口 时 ， 横 向 用 rows 属性 ， 纵 向 用 cols 属性 ， 每 个 子 窗口 的 大 小 可 


以 由 这 两 个 属性 的 值 来 实现 。 


例如 ，<frameset cols="100,200,*"> 表 示 将 浏览 器 分 为 左 〈100 像素 宽 )、 中 〈200 像素 


宽 )、 右 〈 剩 余部 分 宽 ) 3 个 子 窗口 。 


3.，<frame> 标 记 属 性 
用 <frameset> 设 置 几 个 子 窗口 时 必须 对 应 几 个 <frame> 标 记 ， 每 个 <frame> 标 记 对 应 一 


个 网 页 文件 ， 也 就 是 该 框架 要 显示 的 网 页 内 容 。<frame> 属 性 如 表 4-1 所 示 。 


表 4-1 <frame> 属 性 


属 性 说 有 明 

STC 表示 该 框架 对 应 的 源 文件 

name 指定 框架 名 

border 设 定 边框 的 宽度 

bordercolor 设 定 边框 的 颜色 

frameborder 设 定 有 (yes) /无 (no) 边框 

marginwidth 设置 框架 内 容 与 左右 边框 的 空白 

marginheight 设置 框架 内 容 与 上 下 边框 的 空白 

scrolling 设置 是 (yes) / 否 (no) /自动 (auto) 加 入 滚动 条 
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noresize 


不 允许 各 窗口 改变 大 小 ， 默 认 值 为 允许 
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【 例 4-8】 框架 网 页 示例 
本 例 要 实现 如 图 4-6 所 示 的 结构 和 功能 ， 共 需要 7 个 网 页 文件 ， 这 里 给 出 主要 的 3 个 
文件 的 源 代码 。 
(1) index.html 


<html> 
<head> 
<title> 框 架 页 示例 </title> 
</head> 
<frameset cols="20%,*"> 
<frame name="left" src="|left.htm"> 
<frame name="right" src="welcome.html"> 
</frameset> 
</html> 


(2) left.html 


<html> 
<head><title> 目 录 </title> 
<base target="right"> 
</head> 
<body> 
<p align="center"><a href="welcome.html"> 首 页 </a> 
<p align="center"><a href="myintro.html"> 个 人 简介 </a> 
<p align="center"><a href="myphoto.html"> 我 的 照片 </a> 
<p align="center"><a href="mydiary html"> 我 的 日 记 </a> 
<p align="center"><a href="myshool.html" target="_blank"> 我 的 学 校 </a> 
</body> 
</html> 


(3) welcome.html 


</html> 
<head><title> 我 的 个 人 网 站 </title> 
</head> 
<body> 
<h1 align="center"> 我 的 主页 </h1> 
<p align="center"> 欢 迎 大 家 访问 我 的 网 站 。</p> 
</body> 
</html> 


说 明 : <base> 的 作用 是 指定 超 链 接 默认 在 哪 一 个 窗口 中 打开 。 本 例 指 定 超 链接 将 在 名 
为 fight 的 框架 中 打开 。 由 于 target 属性 指定 了 "_blank", 最 后 一 个 链接 将 在 一 个 新 窗口 打开 。 
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4.2.5 ”表单 标记 


在 上 网 过 程 中 ， 经 常 需要 通过 表单 输入 一 些 信息 ， 如 用 户 注册 、 用 户 留言 、 论 坛 发 帖 
等 。 填 写 完 信息 后 ， 单 击 【 提 交 】 按 钮 ， 就 可 以 将 相关 信息 提交 给 网 站 服务 器 。 这 里 ， 用 
户 要 填写 的 文本 框 、 下 拉 列 表 框 等 元 素 组 合 在 一 起 就 称 为 
表单 (Form)。 在 后 面 将 要 介绍 的 动态 网 站 设计 中 , 表单。 于 9 EE 
设计 非常 重要 , 因为 在 很 多 情况 下 , 客户 端 都 是 通过 表单 个 人 资料 


将 信息 提交 给 服务 器 端 , 等 服务 器 处 理 后 , 再 将 用 户 所 需 | 妆 名 : 


主页 的 网 址 : Http: 


信息 传送 回 客户 端的 浏览 器 上 , 从 而 实现 客户 端 与 服务 器 
端的 互动 与 交流 。 如 图 4-7 所 示 为 一 个 表单 示例 。 


1.， 表单 定义 


要 创建 一 个 表单 , 可 以 用 <form></form> 标 记 来 实现 。 
表单 像 一 个 容器 ， 能 够 容纳 各 种 各 样 的 控件 〈 即 表单 元 素 )。 下 面 介绍 表单 及 构成 表单 的 
各 个 控件 的 用 法 。 
格式 : 
<form action=" 表 单 处 理 程序 的 url" method="getlpost" > 
<input type=" 控 件 类 型 " name=" 名 称 " > 


4-7 ”表单 示例 


</form> 
说 明 : 
(1) action: 表单 处 理 的 方式 ， 往 往 是 E-mail 地 址 或 网 址 。 
(2) method: 表单 数据 的 传送 方式 ， 可 以 是 get 方式 ， 也 可 以 是 post 方式。 
”get: 表示 将 表单 信息 附 在 URL 地 址 后 面 传递 给 服务 器 。 
”post: 表示 将 所 有 信息 当 作 一 个 表单 传递 给 服务 器 。 
(3) <input> 标 记 主 要 用 来 设计 表单 中 提供 给 用 户 的 输入 形式 。 
”type: 指定 要 加 入 表单 控件 的 类 型 (text\ password、 checkbox、 radio、image、 hidden、 
submit、 reset)。 
”name: 该 表单 控件 名 ， 主 要 在 处 理 表 单 时 起 作用 。 
2. 文本 框 
文本 框 是 一 种 让 访问 者 自己 输入 内 容 的 表单 对 象 ， 通 常 被 用 来 填写 简短 的 内 容 或 回 
答 ， 如 姓名 、 地 址 等 。 
格式 : <input type="text" name=" 名 称 " size=" 宽 度 " maxlength=" 最 大 长 度 " value=" 初 
始 值 "> 
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说 明 : 
”type: 当 类 型 为 text 时， 定义 单行 文本 框 。 
”name: 定义 文本 框 的 名 称 ,要 保证 数据 的 准确 采集 , 必须 定义 一 个 独一无二 的 名 称 。 
”size: 定义 文本 框 的 宽度 ， 单 位 是 单个 字符 宽度 。 
省“maxlength: 定义 最 多 输入 的 字符 数 。 
”value: 定义 文本 框 的 初始 值 。 


3.， 密码 框 

密码 框 是 一 种 特殊 的 文本 框 ， 不 同 之 处 是 当 输 入 内 容 时 ， 均 以 * 表 示 ， 以 保证 密码 的 
安全 性 。 

格式 : <input type="password" name=" 名 称 " size=" 宽 度 " maxlength=" 最 大 长 度 " > 

4.， 按钮 


类 型 : 普通 按钮 、 提 交 按 钮 、 重 置 按钮 。 
(1) 普通 按钮 。 当 type 的 类 型 为 button 时 ， 表 示 该 控件 是 普通 按钮 。 
格式 ;<input type="button" value=" 显 示 文 本 " name=" 名 称 "> 
说 明 : value 表示 显示 在 按钮 上 面 的 文字 。 普 通 按钮 经 常 和 脚本 一 起 使 用 。 
(2) 提交 按钮 。 通 过 提交 按钮 〈 即 type 的 类 型 为 submit 时 ) 可 以 将 表单 (Form) 中 
的 信息 提交 给 表单 中 action 所 指向 的 文件 。 例 如 ，<input type="submit" value=" 提 交 ">。 
(3) 重 置 按钮 。 当 type 的 类 型 为 reset 时 ， 表 示 该 控件 是 重 置 按钮 。 单 击 该 按钮 后 ， 
浏览 器 将 清除 表单 中 的 输入 信息 而 恢复 到 默认 的 表单 内 容 设 置 。 
格式 : <input type="reset" value=" 重 置 " > 
5S， 单 选 按钮 和 复 选 框 


(1) 单 选 按 钮 

格式 : <input type="radio" name=" 名 称 " value=" 值 " checked> 

说 明 : 

WP ”checked: 表示 此 项 默认 选中 。 

”value: 表示 选中 后 传送 到 服务 器 端的 值 。 

”name: 表示 单 选 按钮 的 名 称 。 如 果 是 一 组 单 选 项 ，name 属性 的 值 相同 ， 有 互 斥 


格式 : <input type="checkbox" name=" 名 称 " value=" 值 " checked > 

说 明 : 

”checked: 表示 此 项 默认 选中 。 

”value: 表示 选中 后 传送 到 服务 器 端的 值 。 

”name: 表示 复 选 框 的 名 称 。 如 果 是 一 组 单 选项 ， 即 便 name 属性 的 值 相同 也 不 会 
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有 互 斥 效果 。 
6. 文件 输入 框 
当 type 类 型 为 fle 时 ， 表 示 该 控件 是 一 个 文件 输入 框 ， 用 户 可 以 在 文件 输入 框 的 内 部 


填写 自己 硬盘 中 的 文件 路 径 ， 然 后 通过 表单 上 传 。 


格式 : <input type="file" name=" 名 称 "> 
7， 下拉 列 表 框 


下 拉 列 表 框 〈select) 既 可 以 设置 为 单 选 ， 也 可 以 设置 为 复 选 。 
下 面 是 一 个 单 选 下 拉 列 表 框 的 例子 : 


<select name="fruit" > 
<option value="apple"> 苹果 
<option value="orange"> 桔子 
<option value="mango"> 芒果 
</select> 


如 果 要 变 成 复 选 下 拉 列 表 框 ， 只 需 加 multiple 即 可 。 用 户 用 Ctrl 键 来 实现 多 选 。 
<select name="fruit" multiple> 

用 户 还 可 以 设置 size 属性 来 改变 下 拉 列 表 框 的 大 小 。 

8， 多 行 输入 框 

多 行 输入 框 〈textarea) 主要 用 于 输入 较 长 的 文本 信息 。 例 如 : 

<textarea name="yoursuggest" cols ="50" rows = "3"></textarea> 


其 中 ，cols 表示 textarea 的 宽度 ，rows 表示 textarea 的 高 度 。 
【 例 4-9】 表单 应 用 示例 


<html><head><title> 用 户 登记 </title></head> 
<body> 

<table border="3" width="550" height="330" bordercolor="#336699" align="center > 

<tr><td><p align="center"> 亲 爱 的 用 户 ， 请 填写 您 的 个 人 信息 ， 便 于 我 们 及 时 与 您 联系 。 
</p> 

<form> 姓 名 : <input type="text" name="user'> 

<br> 年 龄 : <input type="text" name="nianling"> 

<br> 性 别 : <input type="radio" name="xingbie" value="male" checked> 男 

<inputtype=radio name="xingbie" value="male"> 女 </p> 

<p> 文 化 程度 : <select name="wnhua" size="1"> 

<option value="xiaoxue" selected> 小 学 

<option value=" 高 中 "> 高 中 
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<option value=" 大 学 "> 大 学 </select> 
职业 : <select name="zhiye"> 
<option value="jiaoshi" selected> 教 师 
<option value="gongwuyuan"> 公 务 员 
<option value="zaiduxuesheng"> 在 读 学 生 
</select> 
e-mail:<input type="text" name="mail"></p> 
<p> 你 的 爱好 : <input type="checkbox" name="aihao" value="dian"> 电 影 
<input type="checkbox" name="aihao" value="yundong"> 运 动 
<input type="checkbox" name="aihao" value="yinyue"> 音 乐 
<input type="checkbox" name="aihao" value="tiaowu"> 跳 舞 
<p><input type="submit" value=" 提 交 "> 
<input type="reset" value=" 全 部 重 写 "></form> 
</td></tr></table> 
</body> 
</html> 


在 浏览 器 中 查看 结果 ， 如 图 4-8 所 示 。 


亲爱 的 用 户 ， 请 十 写 您 的 个 信息， 便于 我 们 及 时 与 你 联系 。 
名 : 
的 : 
别 : 男女 


化 程度 : 小 和 > 职 相 : Y E-mail 
你 的 爱好: 口 电 影 日 运动 口音 乐 口 跳舞 


EE LE 


图 4-8 表单 应 用 示例 
4.3 CSS 样式 


HTML 语言 是 制作 网 页 的 基础 ， 但 仅 知道 HTML 语言 是 不 够 的 ， 因 为 HTML 语言 
很 多 方面 存在 着 不 足 。 

(1) 维护 困难 。HTML 标记 中 ， 经 常 为 了 修改 某 个 标记 的 格式 ， 需 要 花费 很 多 的 时 
间 ， 尤 其 是 对 于 整个 网 站 而 言 ， 后 期 修改 和 维护 的 成 本 很 高 。 

(2) 标记 不 足 。HTML 本 身 的 标记 很 多 都 是 为 网 页 内 容 服务 的 ， 而 关于 美工 样式 的 
标记 ， 如 文字 间距 、 行 间距 、 段 落 缩 进 等 ， 在 HIML 中 很 难 找到 。 

(3) 网 页 过 “ 胖 ”。 由 于 没有 统一 对 各 种 风格 样式 进行 控制 ， 因 此 HTML 的 页 面 往往 
体积 过 大 ， 占 用 很 多 宝贵 的 带宽 。 

(4) 定位 困难 。 为 了 解决 HIML 的 种 种 不 足 , 由 此 引入 了 CSS 样式 表 这 个 新 的 规范 。 
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具体 来 讲 ， 由 HTML 确定 网 页 的 结构 内 容 ， 而 通过 CSS 来 决定 页 面 的 表现 形式 。 
2008 年 汶川 大 地 震 期 间 ， 很 多 网 站 为 表示 哀悼 而 将 网 页 变 成 了 黑白 色素 装 。 一 个 网 站 
是 由 众多 页 面 组 成 的 ， 如 果 修 改 每 一 个 网 页 的 每 一 个 样式 ， 这 个 工作 量 是 非常 巨大 的 。 事 
实 上 , 如 果 网 页 采用 了 CSS 样式 表 , 那么 只 要 修改 样式 表 文件 , 在 其 中 加 入 一 行 代码 即 可 。 
具体 代码 如 下 : 


html { filter:progid:DXImageTransform.Microsoft.BasiclImage(grayscale=1); } 
4.3.1 CSS 概述 


1.，CSS 样式 表 的 概念 


CSS 即 层 爸 样式 表 ， 是 Cascading Style Sheets 的 缩写 ， 是 一 种 用 于 控制 网 页 样式 的 标 
记性 语言 .通过 使 用 CSS 样式 ,可 将 页 面 的 内 容 与 表现 形式 分 离 。 页 面 内容 存 放 在 HIML 
文档 中 , 而 用 于 定义 表现 形式 的 CSS 规则 存放 在 另 一 个 文件 中 或 HTML 文档 的 某 一 部 分 。 
将 内 容 与 表现 形式 分 离 , 不 仅 可 使 维护 站 点 的 外 观 更 加 容易 , 而 且 还 可 以 使 HTML 文档 代 
码 更 加 简练 ， 缩 短 浏 览 器 加 载 网 页 的 时 间 。CSS 文件 也 可 以 说 是 一 个 文本 文件 ， 它 包含 了 
一 些 CSS 标记 ， 必 须 使 用 .css 为 文件 名 后 级 。 

2. CSS 样式 表 的 特点 

(1) CSS 语言 是 一 种 标记 语言 ， 不 需要 编译 ， 可 以 直接 由 浏览 器 解释 执行 。 

(2) 通过 设置 CSS 样式 ， 可 以 控制 网 页 中 文本 的 行 间距 、 大 小 、 颜 色 ， 统 一 网 站 的 
整体 风格 ; 可 以 方便 地 为 网 页 中 的 各 个 元 素 设置 背景 颜色 和 图 片 , 并 进行 精确 的 定位 控制 ; 
可 以 为 网 页 中 的 元 素 设置 各 种 滤 镜 ， 从 而 产生 诸如 阴影 、 辉 光 、 模 糊 等 只 有 在 图 像 处 理 软 
件 中 才能 实现 的 效果 。 

(3) CSS 文件 可 以 用 任何 文本 工具 进行 开发 ， 如 记事 本 、Dreamweaver 等 。 

(4) CSS 不 是 取代 HTML 语言 ， 而 是 HTML 语言 很 好 的 补充 ， 可 以 弥补 HTML 在 
网 页 格式 化 功能 上 的 不 足 。 

(5) 通过 单个 CSS 样式 表 可 以 控制 多 个 文档 的 布局 。 


4.3.2 CSS 样式 类 型 
在 HIML 中 有 多 种 方法 可 以 使 用 CSS 样式 。 
1. 行内 样式 表 (style 属性 ) 
【 例 4-10】 行内 样式 


<html> 
<head> 
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<title> 行 内 样式 示例 </title> 
</head> 


<body style="background-color: #FF0000;"> 
<p> 这 个 页 面 是 红色 的 </p> 
</body> 
</html> 


行内 样式 是 所 有 样式 方法 中 最 直接 的 一 种 ， 但 由 于 需要 为 每 一 个 标记 设置 style 属性 ， 
造成 网 页 容易 过 “ 胖 ” 所 以 很 难 体现 出 CSS 样式 的 优势 ， 不 推荐 使 用 。 
2， 内 部 样式 表 〈style 标记 ) 


【 例 4-11】 内 部 样式 


<html> 
<head> 
<title> 内 部 样式 示例 </title> 
<style type="text/css"> 
body {background-color: #FF0000;} 
</style> 
</head> 
<body> 
<p> 这 个 页 面 是 红色 的 </p> 
</body> 
</html> 


在 内 部 样式 中 , 所 有 CSS 代码 部 分 被 分 离 , 集中 在 同一 个 区 域 , 页 面 本 身 大 大 “瘦身 ”， 
所 以 相 比 于 行内 样式 ， 提 高 了 效率 。 但 如 果 是 一 个 网 站 ， 且 拥有 多 个 页 面 ， 如 果 都 采用 同 
样 的 样式 风格 ， 内 部 样式 就 会 显得 有 些 麻烦 。 因 此 ， 仅 适用 于 单个 页 面 设置 单独 的 样式 风 
格 的 情形 。 

3.， 外 部 样式 表 ( 链接 外 部 一 个 样式 表 文件 ) 


链接 外 部 样式 表 是 使 用 频率 最 高 、 也 是 最 为 实用 的 方法 。 它 将 HTML 页 面 本 身 与 CSS 
样式 风格 分 离 为 不 同文 件 。 外 部 样式 表 就 是 将 一 系列 CSS 样式 放 在 一 个 扩展 名 为 .css 的 外 
部 文件 中 ， 例 如 ， 样 式 表 文件 命名 为 style.css， 并 存放 于 名 为 style 的 文件 夹 中 。style.css 
的 内 容 如 下 : 

hr {color: blue;} 

p {margin-left: 20px;} 

body {background-image: url ("images/back.gif") ;} 


在 一 个 HTML 文档 中 引用 外 部 样式 表 文 件 style.css， 具 体 如 下 。 


85 


电子 商务 网 站 建设 与 管理 (第 2 版 ) 


格式 : <link rel="stylesheet" type="text/css" hre 全 "style/style.css" /> 
注意 : 要 在 href 属性 中 给 出 样式 表 文 件 的 路 径 。 这 行 代码 必须 被 插入 到 HTML 代码 
的 头 部 <head> 和 </head> 之 间 。 
【 例 4-12】 外 部 样式 
<html> 
<head> 
<title> 外 部 样式 </title> 
<link rel="stylesheet" type="text/css" href="style/style.css" /> 
</head> 
<body> 


</body> 
</html> 
这 种 方法 的 优越 之 处 在 于 多 个 HTML 文档 可 以 同时 引用 一 个 样式 表 。 换 句 话说 ,可 以 
用 一 个 CSS 文件 来 控制 多 个 HTML 文档 的 布局 。 
例如 ， 要 修改 某 网 站 的 所 有 网 页 (如 果 有 100 个 网 页 ) 的 背景 颜色 ， 采 用 外 部 样式 表 
可 以 避免 手工 修改 这 100 个 HTML 文档 的 工作 ， 只 需 修改 外 部 样式 表 文 件 中 的 代码 即 可 。 


4.3.3 CSS 选择 器 


CSS 样式 表 的 规则 由 两 个 主要 的 部 分 构成 , 即 选择 器 以 及 一 条 或 多 条 声明 。 格式 如 下 : 
选择 器 {声明 1; 声 明 2; … 声 明 n} 

选择 器 ， 顾 名 思 义 ， 就 是 选择 或 指定 对 哪些 网 页 元 素 进行 设置 。 

每 条 声明 由 一 个 属性 和 一 个 值 组 成 。 属 性 和 值 用 冒号 分 开 。 

1， 选 择 器 的 种 类 


选择 器 有 标记 选择 器 、 类 选择 器 和 ID 选择 器 3 种 。 

(1) 标记 选择 器 。 即 为 某 个 具体 标记 定义 样式 。 一 个 HTML 页 面 由 很 多 不 同 的 标记 
组 成 ， 如 <p>、<body> 等 ， 而 CSS 标记 选择 器 就 是 声明 哪些 标记 采用 CSS 样式 。 因 此 ,每 
种 HTML 标记 都 可 以 作为 相应 的 标记 选择 器 名 称 。 

例如 ， 下 面 这 行 代码 : 


h1 {color:red; font-size:14px;} 

这 行 代码 的 作用 是 将 hl 标记 内 的 文字 颜色 定义 为 红色 ， 同 时 将 字体 大 小 设置 为 14 像素 。 
在 这 个 例子 中 ，hl 是 选择 器 ，color 和 font-size 是 属性 ，red 和 14px 是 值 。 

用 示意 图 表示 上 面 这 段 代 码 的 结构 ， 如 图 4-9 所 示 。 
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属性 ” 值 属性 值 


|--] | | 
hi {color:red; font-size:14px;} 
| 
选择 器 声明 声明 
图 4-9 标记 选择 器 


【 例 4-13】 标记 选择 器 示例 


<html> 
<head> 

<style type= " text/css " > 

| 

h2{ 
font-family: 幼 圆 ; 
color:#0000ff; 

} 


-> 
</style> 

</head> 

<body> 
<h2>CSS 标记 1</h2> 
<p>CSS 标记 的 正文 内 容 1</p> 
<h2>CSS 标记 2</h2> 
<p>CSS 标记 的 正文 内 容 2</p> 
<h2>CSS 标记 3</h2> 
<p>CSS 标记 的 正文 内 容 3</p> 
<h2>CSS 标记 4</h2> 
<p>CSS 标记 的 正文 内 容 4</p> 

</body> 

</html> 


说 明 : 将 上 面 的 h2 标题 改 为 红色 、 幼 圆 字体 , 可 体会 CSS 样式 的 优势 。 另外, 在 <style> 
与 </style> 之 间 有 时 会 见 到 “<!--” 和 “-->” 将 所 有 的 CSS 代码 包含 其 中 ， 这 是 为 了 避免 老 
式 浏览 器 不 支持 CSS， 将 CSS 代码 直接 显示 在 浏览 器 上 面 设置 的 HTML 注释 。 
(2) 类 选择 器 。 类 选择 器 是 指 为 一 类 标记 定义 样式 。 类 选择 器 允许 以 一 种 独立 于 文 
档 元 素 的 方式 来 指定 样式 。 该 选择 器 可 以 单独 使 用 ， 也 可 以 与 其 他 元 素 结合 使 用 。 
在 CSS 中 ， 类 选择 器 以 一 个 点 号 显示 ， 例 如 : 


.Center {text-align: center} 


此 时 ， 所 有 拥有 center 类 的 HTML 元 素 均 为 居中 。 
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【 例 4-14】 类 选择 器 示例 


<html><head> 
<style type="text/css"> 
.important {color:red;} 
</style></head> 
<body> 
<h1 class="important">This heading is very important.</h1> 
<p class="important">This paragraph is very important.</p> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
</body> 
</html> 


有 时 ， 类 选择 器 还 可 以 结合 标记 选择 器 来 使 用 。 例 如 , 希望 只 有 段落 显示 为 红色 文本 : 
p.important {color:red;} 


此 时 ， 选 择 器 p.important 解释 为 : class 属性 值 为 important 的 所 有 段落 。 因 为 hl 元 素 
不 是 段落 ， 这 个 规则 的 选择 器 与 之 不 匹配 ， 所 以 hl 元 素 不 会 变 成 红色 文本 。 如 果 确 实 要 
为 hl 元 素 指定 不 同 的 样式 ， 可 以 使 用 选择 器 hl.important。 
(3) ID 选择 器 。ID 选择 器 的 使 用 方法 与 类 选择 器 基本 相同 ， 不 同 之 处 在 于 ID 选择 
器 前 面 是 一 个 # 号 ， 而 且 ，ID 选择 器 只 能 在 HTML 页 面 中 使 用 一 次 ， 因 此 其 针对 性 更 强 。 
【 例 4-15】 ID 选择 器 示例 


<html> 
<head><style type="text/css"> 
#intro {font-weight:bold;} 
</style> 
</head> 
<body> 
<p id="intro">This is a paragraph of introduction.</p> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
</body> 
</html> 


2， 选 择 器 的 声明 
(1) 集体 声明 
【 例 4-16】 和 集体 声明 示例 


<html> 
<head> 
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<title> 集 体 声明 </title> 
<style type="text/css"> 
<I-- 
h1, h2, h3, h4, h5, p{ /集体 声明 
colorpurple; A* 文 字 颜色 */ 
font-size:15px; 让 字体 大 小 */ 
} 
h2.special, .special, #one{ 让 集体 声明 */ 
text-decoration:underline; 广 下 划 线 */ 
} 
--> 
</style> 
</head> 


<body> 
<h1> 集 体 声明 h1</h1> 
<h2 class="special"> 集 体 声明 h2</h2> 
<h3> 集 体 声 明 h3</h3> 
<h4> 集 体 声 明 h4</h4> 
<h5> 集 体 声明 h5</h5> 
<p> 集 体 声明 p1</p> 
<p class="special"> 集 体 声 明 p2</p> 
<p id="one"> 和 集体 声明 p3</p> 

</body> 

</html> 


(2) 选择 器 的 媒 套 
【 例 4-17】 选择 器 嵌 套 示例 


<html> 

<head> 
<title>CSS 选择 器 的 嵌 套 声明 </title> 
<style type="text/css"> 
<|-- 
pbf * 许 套 声 明 */ 
color:maroon; 颜色 */ 
text-decoration:underline; 下划线 */ 
} 
-> 

</style> 

</head> 

<body> 
<p> 绑 套 使 <b> 用 CSS</b> 标 记 的 方法 </p> 
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贬 套 之 外 的 <b> 标 记 </b> 不 生效 
</body> 
</html> 


4.3.4 CSS 样式 常用 属性 


熟练 掌握 CSS 的 各 种 属性 ， 可 使 我 们 对 页 面 设计 更 加 得 心 应 手 。 下 面 就 来 介绍 CSS 
样式 的 部 分 常用 属性 。 


1.， 字体 属 性 


(1) font-family: 用 于 为 选择 器 选择 一 组 字体 ， 如 宋体 、 黑 体 等 。 
(2) font-size: 用 于 设置 网 页 中 文字 的 大 小 ， 如 9pt、12px 等 。 
(3) font-style: 设置 字体 风格 。Normal 表示 普通 ，italic 表示 斜体 。 
(4) font-weight: 设置 字体 粗细 ， 如 normal、bold (加 粗 ) 等 。 


2 颜色 和 背景 属性 


(1) color: 定义 文字 的 颜色 ， 如 red、#00ff3d。 

(2) background-color: 定义 元 素 的 背景 色 。 

(3) background-image: 定义 元 素 的 背景 图 像 。 例 如 ，url (back.jpg)。 

(4) background-repeat: 指定 图 像 的 重复 方式 。 例 如 ，repeat-x， 水 平平 铺 。 

3， 文本 与 边框 属性 

(1) text-decoration: 文字 修饰 。 例 如 ，underline， 下 划 线 。 

(2) line-height: 行 高 。 

(3) text-align: 定义 对 齐 方式 。 

(4) letter-spacing: 定义 字符 之 间 的 间隔 。 

(5) border: 定义 边框 。 

(6) border-color: 定义 边框 颜色 。 

(7) border-style: 定义 边框 风格 。 

除了 上 面 介绍 的 CSS 样式 的 常用 属性 外 ， 还 有 很 多 属性 ， 如 定位 、 滤 镜 等 。 大 家 可 参 
考 相 关 的 CSS 教材 。 


4.3.5 “<div> 标 记 和 <span> 标 记 
<div> 和 <span> 标 记 早 在 HTML 4.0 就 已 经 出 现 了 ， 但 那 时 并 不 常用 ， 直 到 CSS 的 普 


及 ， 才 逐渐 发 挥 出 它 的 优势 。 利 用 这 两 个 标记 ， 结 合 CSS 样式 的 控制 ， 可 以 很 方便 地 实现 
各 种 效果 。 
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1.，<div> 标 记 的 使 用 


(1) 定义 

<div> 可 定义 文档 中 的 分 区 或 节 。 简 单 而 言 就 是 一 个 区 块 容器 标记 ， 即 <div></div> 之 
间 相 当 于 一 个 容器 ， 可 以 容纳 段落 、 标 题 、 表 格 、 图 片 等 各 种 HTML 元 素 。<div> 标 记 可 
以 把 文档 分 割 为 独立 的 、 不 同 的 部 分 。 

(2) 用 法 

<div> 是 一 个 块 级 元 素 。 这 意味 着 它 的 内 容 自动 地 开始 一 个 新 行 。 实 际 上 , 换行 是 <div> 
固有 的 唯一 格式 表现 。 可 以 通过 <div> 的 class 或 id 属性 应 用 CSS 样式 进行 控制 ， 实 现 各 
种 效果 。 下 面 举 一 个 简单 的 例子 。 

【 例 4-18】 认识 <div> 标 记 


<html> 

<head> 

<title>div 标记 </title> 

<style type="text/css" > 

#header { 

font-size:18px; * 字 号 大 小 */ 
font-weight:bold; /字体 粗 细 */ 
font-family:Arial; A* 字 体 */ 
color:#FFFF00; 上 * 颜 色 */ 
background-color:#0000FF;/* 背 景 颜色 */ 
text-align:center /对 齐 方式 4/ 
width:760px: /* 块 宽度 */ 
height:200px; A* 块 高 度 */ 

1 

</style> 

</head> 

<body> 

<div id="header"> 这 是 一 个 div 标记 </div> 
</body></html> 


通过 CSS 对 <div> 块 的 控制 ， 制 作 了 一 个 宽 760px、 高 200px 的 蓝 色 区 域 ， 并 进行 了 
文字 效果 的 相应 设置 ， 效 果 如 图 4-10 所 示 。 
2. <span> 标 记 的 使 用 


(1) 定义 
<span> 标 记 被 用 来 组 合 文档 中 的 行内 元 素 。 
(2) 用 法 


<span> 标 记 与 <div> 标 记 一 样 ， 作 为 容器 标记 而 被 广泛 应 用 。 在 <span> 与 </span> 中 间 


9 


电子 商务 网 站 建设 与 管理 (第 2 版 ) 
同样 可 以 容纳 各 种 HTML 元 素 ， 从 而 形成 独立 的 对 象 。 从 这 个 意义 上 讲 ， 二 者 没有 什么 
不 同 。 


4-10 ”标记 选择 器 
3. <div> 与 <span> 标 记 的 区 别 


<div> 与 <span> 的 区 别 在 于 ，<div> 是 一 个 块 级 元 素 ， 它 包围 的 元 素 会 自动 换行 ， 而 
<span> 仅 仅 是 一 个 行内 元 素 ， 在 它 的 前 后 不 会 换行 。<span> 没 有 结构 上 的 意义 ， 纯 粹 是 应 
用 样式 ， 当 其 他 行内 元 素 都 不 合适 时 ， 就 可 以 使 用 <span> 元 素 。 

下 面 看 一 个 例子 。 

【 例 4-19】 <div> 与 <span> 的 区 别 


<html> 

<head> 

<title>div 与 span 的 区 别 </title> 

</head> 

<body> 
<p>div 标记 不 同行 : </p> 
<div><img src=" dog.jpg" border="0"></div> 
<div><img src=" dog.jpg" border="0"></div> 
<div><img src=" dog.jpg" border="0"></div> 
<p>span 标记 同一 行 : </p> 
<span><img src=" dog.jpg" border="0"></span> 
<span><img src=" dog.jpg" border="0"></span> 
<span><img src=" dog.jpg" border="0"></span> 

</body> 

</html> 


执行 结果 如 图 4-11 所 示 。<div> 标 记 的 3 幅 图 片 被 分 在 了 3 行 中 ， 而 <span> 标 记 的 图 
片 没有 换行 。 

此 外 ，<span> 标 记 可 以 包含 于 <div> 标 记 之 中 ， 成 为 它 的 子 元 素 ， 而 反 过 来 则 不 成 立 ， 
即 <span> 标 记 不 能 包含 <div> 标 记 。 

通常 情况 下 ， 对 于 页 面 中 大 的 区 块 使 用 <div> 标 记 ， 为 HTML 文档 内 大 块 的 内 容 提 供 
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结构 和 背景 , 而 <span> 标 记 仅 用 于 需要 单独 设置 样式 风格 的 小 元 素 , 在 行内 定义 一 个 区 域 ， 
如 一 个 单词 、 一 幅 图 片 和 一 个 超 链接 等 。 
2 Fe 


地标 记 不 同行 ， 


span 标 记 同一 行 ， 


4-11 标记 选择 器 


4.4 从 HTML 到 XHTML 


4.4.1 XHTML 是 什么 


1. 为 什么 要 引入 XHTML 

在 前 面 的 学 习 中 已 经 体会 到 HTML 语法 要 求 比较 松散 , 如 标记 的 大 小 写 没有 限制 , 属 
性 值 可 省 略 等 ， 这 对 网 页 编写 人 员 来 说 的 确 是 带 来 了 方便 ， 但 对 于 机 器 来 说 ， 语 言 的 语法 
越 松 , 处 理 起 来 就 越 困 难 。 因 此 ,产生 了 由 DTD 来 定义 规则 、 语 法 要 求 更 加 严格 的 XHTML 。 

2. 什么 是 XHTML 

XHTML 是 指 可 扩展 超 文本 标签 语言 (eXtensible Hyper Text Markup Language)， 以 


HTML 4.0 为 范本 ， 然 后 按照 XML 的 语法 规则 重新 对 HTML 的 规则 进行 了 扩展 ， 语 法 上 
更 加 严格 。XHTML 是 一 个 W3C 标准 。 


3. XHTML 的 特点 


XMTML 具有 如 下 几 个 特点 。 
(1) XHTML 解决 了 HTML 语言 所 存在 的 严重 制约 其 发 展 的 问题 。 例如, 手机 、PDA、 
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信息 家 电 都 不 能 直接 显示 HTML; 由 于 HTML 代码 不 规范 、 腑 肿 ， 浏 览 器 需要 足够 智能 
和 庞大 才能 够 正确 显示 HTML; 数据 与 表现 混杂 ， 要 改变 页 面 显 示 ， 就 必须 重新 制作 
HTML 。 

(2) XML 是 Web 发 展 的 趋势 。XHTML 是 当前 替代 HTML 4.0 标记 语言 的 标准 ， 使 
用 XHTML 1.0， 只 要 遵守 一 些 简单 规则 ， 就 可 以 设计 出 既 适 合 XML 系统 ， 又 适合 当前 
大 部 分 HTML 浏览 器 的 页 面 。 

(3) XHTML 能 与 其 他 基于 XML 的 标记 语言 、 应 用 程序 及 协议 进行 良好 的 交互 工作 。 


4.4.2 XHTML 与 HTML 的 不 同 


XHTML 与 HTML 之 间 的 区 别 主要 体现 在 以 下 几 个 方面 。 
1， 选择 DTD 定义 文档 的 类 型 


DOCTYPE 是 Document Type〈 文 档 类 型 ) 的 简写 ， 用 来 说 明 本 文件 用 的 XHTML 或 
HTML 是 什么 版 本 。 在 XHTML 中 必须 声明 文档 的 类 型 ， 以 便 告 诉 浏览 器 正在 浏览 的 文档 
类 型 ， 而 且 声明 部 分 要 加 在 head 之 前 。 例 如 : 


<IDOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 


2， 设 定 命 名 空间 


命名 空间 是 收集 元 素 类 型 和 属性 名 称 的 一 个 详细 的 DTD, 命名 空间 声明 允许 通过 一 个 
在 线 地 址 指向 来 识别 命名 空间 ， 只 需 在 DOCTYPE 声明 后 添加 如 下 代码 : 


<html xmlns="http://www.w3.org/1999/xhtml"> 

3. 定义 语言 编码 

为 了 被 浏览 器 正确 解释 和 通过 标记 检验 , 所 有 的 XHTML 文档 都 必须 声明 它们 所 使 用 
的 编码 语言 。 例 如 : 

<meta http-equiv="Content-Type" content= "text/html; charset=gb2312" /> 

这 里 声明 的 编码 语言 是 简体 中 文 GB2312。 

4. XHTML 元 素 必须 被 正确 地 广 套 

在 HIML 中 ， 某 些 元 素 可 以 彼此 不 正确 地 嵌 套 : 

<b><i>This text is bold and italic</b></i> 

在 XHTML 中 ， 所 有 的 元 素 必须 彼此 正确 地 嵌 套 : 

<b><i>This text is bold and italic</i></b> 
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5.， XHTML 元 素 必须 被 关闭 

在 HTML 中 ，<br>、<img> 等 是 单 标记 。 在 XHTML 中 ,这 些 标记 都 必须 关闭 。 例如: 

<br />、<img src="logo.gif' /> 

6， 标 签名 必须 用 小 写字 母 

<BODY> 是 错误 的 ， 必 须 为 <body>。 

7.， XHTML 文档 必须 拥有 根 元 素 

在 XHTML 文档 中 必须 存在 html、head、body 元 素 ， 而 且 title 元 素 必须 位 于 head 元 
素 中 。 

8， 属 性 名 称 必须 小 写 ， 属 性 值 必 须 加 引号 ， 属 性 不 能 简写 ， 用 id 属性 代替 name 属性 

如 果 要 将 一 个 HTML 页 面 转换 为 XHTML， 可 到 W3C 官方 网 站 上 进行 校 验 ， 看 其 是 


否 符合 标准 。 校 验 网 址 为 http://validator.w3.org/check/referer。 接 下 来 ， 可 能 还 会 有 少数 的 
错误 被 发 现 ， 应 逐一 对 这 些 错 误 进 行 手工 修正 。 


TO 


一 、 简 答题 


. 简 述 HTML 文件 的 基本 结构 。 
. 简 述 超 链接 的 种 类 。 
.常用 的 网 页 布局 有 几 种 方式 ? 
. 表单 在 网 页 中 具有 什么 作用 ?常用 的 表单 控件 有 哪些 ? 
. 简 述 在 HTML 文件 中 加 入 CSS 样式 的 几 种 方法 。 
.CSS 在 网 页 制作 中 的 作用 如 何 ? 
二 、 选 择 题 
Li ) 标记 是 文件 头 部 的 开始 。 
A. <html> B. <head> C. <frame> D. <form> 
2. 设置 图 像 蔡 代 文 字 使 用 标记 <img> 的 ) 属性 。 
A. src B. href C. alt D. width 
3. 定义 表格 行 的 标记 是 (。 ”)。 
A. <t> B. <th> C. <td> D. <table> 
4. 在 下 列 HTML 代码 中 ,( ”) 可 以 产生 超 链接 。 


A. <aurl="http:/www.sohu.com">sohu</a> 


CA 上 mm 一 
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B. <ahref="http://www.sohu.com">sohu</a> 
C. <a>http://www.sohu.com</a> 
D. <aname="http://www.sohu.com">sohu</a> 

5. 在 下 列 HTML 代码 中 ,( ”) 可 以 插入 图 像 。 
A. <img href="image.gif'> B. <image src="image.gif"> 
C. <img src="image.gif'> D. <img>image.gif</img> 

6. 当前 文件 夹 下 有 一 个 文件 ahtm 和 一 个 子 文件 夹 B， 文 件 夹 B 中 有 一 个 图 片 文件 

flowerjpg， 请 问 下 面 可 以 在 ahtm 中 插入 该 图 片 的 写法 是 ( )。 


A. <img src="flowerjpg"> B. <img src="..\flowerjpg"> 
C. <img src="B\flowerjpe"> D. <img href="\B\flowerjpg"> 
7. 在 表单 中 ， 下 列 ( ”) 属性 用 于 指定 表单 处 理 程序 文件 的 地 址 。 
A. method B. action Cs :get D. post 
8. 在 一 组 单 选 按 钮 中 ， 下 面 ( 。””) 属性 可 用 来 默认 选中 某 个 选项 。 
A. selected B. checked C. multiple D. noresize 
9. 下 列 框架 集 的 ) 属性 可 以 用 来 对 窗口 进行 纵向 分 割 。 
A. cols B. rows C. scrolling D. noresize 
10. 要 在 表单 中 创建 一 个 普通 文本 框 ， 以 下 写法 中 正确 的 是 )s 
A. <inputtype="text"> B. <input type="password"> 
C. <input type="checkbox"> D. <input type="radio"> 
全 si 
一 、 实 训 目 的 


1. 掌握 HTML 语言 的 基本 标记 。 
2. 通过 实 训 掌握 表格 布局 和 框架 布局 。 
3. 了 解 CSS 样式 的 使 用 方法 。 


二 、 实 训 内 容 


1. 制作 如 图 4-12 所 示 的 网 页 。 

要 求 : 

(1) 章 为 标题 h2， 居 中 ， 黑 体 ， 红 色 。 

(2) 节 为 标题 b3， 居 左 ， 隶 书 ， 绿 色 。 

(3) 正文 为 宋体 ， 蓝 色 。 整 个 网 页 背景 色 为 灰色 。 
2. 表格 制作 练习 。 

(1) 制作 如 图 4-13 所 示 的 表格 。 
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究 收 总 夫 。 | 知 无 村 村 文档 辐 全 
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4.1 件 友 且 HTHL 


权 机 全 称 是 “ Ne Markup Language”， 即 “ 超 文本 标 
记 语言 ”， 是 用 标记 (也 可 称 为 标签 》 

。 JTNIL 是 WW (World Wide Web) 上 发 布 信 

语言 ， 且 独立 于 各 种 操作 系 


有 - 搜狐 新 闻 新 浪 新 闻 新 华 网 ”人民 网 。。 联合 申报 
二 计算 机 | 保护 柑 式 林 用 入” 75% 网 电疗 长 尖 网 新 庆 报 ”南方 网 北方 网 
图 4-12 ”网 页 基本 编辑 图 4-13 表格 制作 
(2) 利用 表格 布局 制作 如 图 4-14 和 图 4-15 所 示 的 网 页 


图 片 大 小 :53. 6kb 
图 片 尺 
寸 :768+512+16m 


图 片 大 小 :32. 3kb 
图 片 尺 
寸 :600+400+16m 


| 本 天 小 :72. ab 
图 片 尺 
寸 :768+512+16m 


狗 /dog013. jpg 


Copyrieht E2008 all Hiehts Reserved 


建议 全 用 800*60099 分 尺 
请 与 我 们 联系 : HH ike8schu cam 


图 4-15 表格 布局 练习 2 


3. 利用 框架 进行 布局 。 

参考 例 4-8， 采 用 框架 布局 制作 个 人 主页 ， 展 示 自 己 的 风采 。 要 求 : 
(1) 左右 布局 。 

(2) 不 少 于 7 个 页 面 。 

(3) 链接 正确 ， 无 空 链 、 错 链 。 

4. 制作 如 图 4-16 所 示 的 表单 。 
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姓名 : 
性 别 : 男 日 女 
出 生日 期 : 年 月 日 
个 人 爱好 : 体育 回 文学 目 艺 术 四 旅游 四 美食 
学 历 : 大 专 ~ 
两 加 
职称 讲师 “四 
副 教 拔 ~ 
个 人 简历 : 


[国画 


图 4-16 表单 制作 练习 


5. CSS 样式 练习 。 

(1) 新 建 一 个 CSS 样式 表 ， 要 求 网 页 文字 内 容 显 示 为 9pt， 行 距 150%。 保 存 文件 名 
为 style.css， 然 后 再 建立 1 html、2.html 和 3.html， 并 应 用 这 个 样式 ， 让 3 个 网 页 风格 一 致 。 

(2) 修改 刚才 建立 的 style.css 样式 表 ， 要 求 网 页 中 的 文字 颜色 为 红色 、 背 景 为 淡 灰 色 ， 
重新 打开 上 面 3 个 网 页 文件 ， 观 察 变化 。 
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‘@ 下 
\ 一 一 【学 习 目标 】 
了解 Dreamweaver 的 首选 参数 。 
@ 掌握 创建 、 管 理 站 点 的 方法 。 
@ 掌握 网 页 文档 的 基本 编辑 方法 。 
@ 掌握 使 用 表格 和 框架 布局 网 页 的 方法 。 
@ 了 解 模 板 的 使 用 方法 。 


学 习 网 站 制作 ， 必 须 选择 一 款 适 合 自己 的 网 页 制作 软件 。 而 Dreamweaver CS3 正 是 专 
业 网 页 设计 人 员 首 选 的 开发 工具 ， 利 用 它 可 以 轻松 地 制作 出 充满 动感 的 网 页 。 


5.1 创建 站 斥 


5.1.1 Dreamweaver 基础 


Dreamweaver 是 美国 Adobe 公司 收购 Macromedia 公司 后 开发 的 集 网 页 制作 和 管理 网 
站 于 一 身 的 所 见 即 所 得 网 页 编辑 器 。 下 面 用 Dreamweaver CS3 版 本 进行 介绍 ，CS3 以 上 版 
本 同样 适用 。 

1， 初 识 Dreamweaver CS3 的 操作 环境 


在 首次 启动 Dreamweaver CS3 时 会 出 现 一 个 【工作 区 设置 】 对 话 框 ， 在 对 话 框 左 侧 是 
设计 视图 ， 右 侧 是 代码 视图 。 设 计 视 图 布局 提供 了 一 个 将 全 部 元 素 置 于 一 个 窗口 中 的 集成 
布局 。 通 常 ， 选 择 面向 设计 者 的 设计 视图 布局 。 

新 建 或 打开 一 个 文档 ， 进 入 Dreamweaver CS3 的 标准 工作 界面 ， 如 图 5-1 所 示 。 

(1) 标 题 栏 。 启动 Dreamweaver CS3 后 , 标题 栏 将 显示 文字 Adobe Dreamweaver CS3。 
新 建 或 打开 一 个 文档 后 ， 在 后 面 还 会 显示 该 文档 所 在 的 位 置 和 文件 名 称 。 

(2) 菜单 栏 。Dreamweaver CS3 的 菜单 共有 10 个 。 其 中 ， 编 辑 菜单 中 提供 了 对 【 首 
选 参数 】 的 访问 。 

”文件 ， 用 来 管理 文件 。 例 如 ， 新 建 、 打 开 、 保 存 、 另 存 为 、 导 入 、 输 出 打印 等 。 

”编辑 ， 用 来 编辑 文本 。 例 如 ， 剪 切 、 复 制 、 粘 贴 、 查 找 、 蔡 换 和 参数 设置 等 。 

”查看 : 用 来 切换 视图 模式 以 及 显示 、 隐 藏 标尺 、 网 格 线 等 辅助 视图 功能 。 
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三 了 播 入 ee 布局 | 委 单 | 数据 | Spry | 文本 | 履 茂 夫 
8 -外 - 国 昂 加 巴 - 仿 -| 国 - 


了 ' 
几 ”B 同 2011/5/8 2019 


5-1 Dreamweaver CS3 的 工作 环境 


小 ”插入 记录 : 用 来 插入 各 种 元 素 ， 如 图 片 、 多 媒体 组 件 、 表 格 、 框 架 及 超 链 接 等 。 
小 ”修改 : 具有 对 页 面 元 素 进行 修改 的 功能 。 例 如 ， 在 表格 中 插入 表格 ， 拆 分 、 合 并 
单元 格 等 。 
文本 : 用 来 对 文本 操作 。 例 如 ， 设 置 文本 格式 等 。 
命令 : 所 有 的 附加 命令 项 。 
站 点 : 用 来 创建 和 管理 站 点 。 
窗口 : 用 来 显示 和 隐藏 控制 面板 以 及 切换 文档 窗口 。 

”帮助 : 联机 帮助 功能 。 

(3) 插入 工具 栏 。 插 入 工具 栏 中 集成 了 所 有 可 以 在 网 页 应 用 的 对 象 。 通 过 一 个 个 的 
图 形 按钮 ， 可 以 很 容易 地 加 入 图 像 、 声 音 、 表 格 、 框 架 、 表 单 和 Flash 等 网 页 元 素 。 插 入 
工具 栏 如 图 5-2 所 示 。 

(4) 文档 工具 栏 。 文 档 工具 栏 包含 各 种 按钮 ， 它 们 提供 各 种 “文档 ”窗口 视图 (如 
设计 视图 和 代码 视图 )、 各 种 查看 选项 和 一 些 常用 操作 (如 在 浏览 器 中 预览 )， 还 可 以 通过 
单 击 文档 标签 选择 当前 编辑 文档 。 文档 工具 栏 如 图 5-3 所 示 。 


| 插入 党 用 布局 | 表单 | 数据 | Spry | 文本 | 收 项 


四 回电 | 图 国 国 - 外- 轩 昂 四 也- 仿 -| 国 - 昂 可 标题 :元 标题 文档 


图 5-2 插入 工具 栏 图 5-3 文档 工具 栏 


(5) 文档 窗口 。 文 档 窗口 用 来 显示 当前 编辑 的 网 页 文档 ， 网 页 编辑 工作 就 是 在 这 个 
窗口 完成 的 ， 如 输入 文字 、 插 入 表格 和 编辑 图 片 等 操作 。 该 窗口 提供 了 3 种 视图 。 设 计 视 
图 是 一 个 用 于 可 视 化 页 面 布局 、 可 视 化 编辑 的 设计 环境 。 在 该 视图 中 ，Dreamweaver 显示 
文档 的 完全 可 编辑 的 可 视 化 表示 形式 ， 类 似 于 在 浏览 器 中 查看 页 面 时 看 到 的 内 容 。 代 码 视 
图 是 一 个 用 于 编写 和 编辑 HIML、 服 务 器 语言 代码 以 及 任何 其 他 类 型 代码 的 手工 编码 环 
境 。 拆 分 视图 使 用 户 可 以 在 单个 窗口 中 同时 看 到 同一 文档 的 代码 视图 和 设计 视图 。 
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(6) 状态 栏 。 文 档 窗口 底部 的 状态 栏 提供 与 正 创建 的 文档 有 关 的 其 他 信息 。 标 记 选 
择 器 显示 环绕 当前 选 定 内 容 的 标记 的 层次 结构 。 单 击 该 层次 结构 中 的 任何 标签 可 以 选择 该 
标记 及 其 全 部 内 容 。 例 如 ， 单 击 <table> 可 以 选择 整个 表格 ， 如 图 5-4 所 示 。 


RQ jo% v534x392v1kK/1 秒 


图 5-4 状态 栏 
(7) 属性 面板 。 属 性 面板 并 不 是 将 所 有 的 属性 加 载 在 面板 上 ， 而 是 根据 选择 的 对 象 
来 动态 显示 对 象 的 属性 。 例 如 ， 当 前 选择 了 一 幅 图 像 ， 那 么 属性 面板 上 就 出 现 该 图 像 的 相 
关 属 性 ;， 如果 选择 了 表格 ， 那 么 属性 面板 会 相应 地 变化 成 表格 的 相关 属性 。 属 性 面板 如 
图 5-5 所 示 。 


-EJB7E 二 生 二 是 树 接 


[si 诺 注 经 绎 目标 


5-5 ”属性 面板 


(8) 浮动 面板 。 其 他 面板 可 以 统称 为 浮动 面板 ， 这 些 面 板 都 浮动 于 编辑 窗口 之 外 ， 
根据 功能 被 分 成 了 若干 组 。 在 窗口 菜单 中 ， 选 择 不 同 的 命令 可 以 打开 文件 面板 、 代 码 面板 
组 、 应 用 程序 面板 组 、 资 源 面板 组 和 其 他 面板 组 。 


2. 设置 首选 参数 


在 制作 网 页 之 前 , 应 根据 实际 需要 , 通过 【首选 参数 】 对 话 框 来 定义 Dreamweaver CS3 
的 使 用 规则 。 

在 【首选 参数 】 对 话 框 中 选择 【常规 】 选 项 ， 如 图 5-6 所 示 ， 在 【编辑 选项 】 栏 中 提 
供 了 网 页 文档 编辑 时 的 很 多 选择 。 例 如 ， 使 用 CSS 样式 还 是 使 用 HTML 标记 等 。 

选择 【新 建文 档 】 选 项 ， 如 图 5-7 所 示 ,【 默 认 文档 类 型 】 下 拉 列 表 框 决定 每 次 新 建 一 
个 HTML 页 面 时 系统 为 页 面 加 上 何 种 DOCTYPE 声明 。 


5.1.2 ”站 点 定义 


站 点 是 一 个 存储 区 ， 存 储 了 一 个 网 站 包含 的 所 有 文件 。 建 立 站 点 时 ， 一 般 在 自己 的 计 
算 机 上 建 一 个 文件 夹 ， 然 后 把 制作 的 所 有 网 页 及 图 片 放 在 此 文件 夹 中 ， 最 后 把 这 个 文件 夹 
上 传 到 Web 服务 器 以 供 网 上 的 所 有 用 户 浏览 。 制作 一 个 网 站 , 首先 需要 在 本 地 计算 机 上 进 
行 ， 放置 在 本 地 磁盘 上 的 网 站 称 为 本 地 站 点 ， 位 于 Web 服务 器 的 网 站 称 为 远程 站 点 。 
Dreamweaver CS3 提供 了 对 本 地 站 点 和 远程 站 点 强大 的 管理 功能 。 


1. 规划 站 点 结构 
网 站 是 多 个 网 页 的 集合 ， 包 括 一 个 首页 和 若干 个 网 页 。 这 种 集合 不 是 简单 的 集合 。 为 
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了 达到 最 佳 效 果 , 在 创建 任何 Web 站 点 页 面 之 前 ， 要 对 站 点 的 结构 进行 设计 和 规划 。 网 页 
文件 分 门 别 类 地 放置 在 各 自 的 文件 夹 中 ， 可 以 使 网 站 的 结构 清晰 明了 ， 便 于 管理 和 查找 。 


文档 迁 项 : 团 显 示 欢 迎 屏 幕 G) 
日记 开 文档 员 ) 
圆 打开 只 谈 文 件 时 警告 用 户 信 ) 


移 sj 文 件 时 更 新 涟 接 0 [提示 =] 


国 用 《strone> 和 ea》 代 普 > 和 <G70D 
辆 使 用 Css 而 不 是 TWL 标签 全 ) 

加 在 > 或 hl 5》 标签 中 交 轩 可 编辑 区 域 8 发 出 警 土 
居中 : 问 使 用 <div》 标签 四 全 使 用 《eenter 》 标 签 虽 
历史 步 架 最 多 次 娄 00。 50 


扣 瑟 字 奥 C)，[ 殴 汪 《美国 = 


5-6 设置 常规 选项 


新 建文 档 


内 文 村 中) 
默认 扩展 名 GE); -htal 


Wit om) 
默认 编码 0) ”| 简体 中 文 (GB2312) ” 


国 当 打开 未 指定 编码 8 现 有 文件 时 使 用 


Unicode 标准 化 表单 F) [C5 (规范 分 解 ， 后跟 规范 合成 } ” 


加 包括 Unieode 签名 pou) (5) 


六 按 Controlty 组 合 键 时 显示 “新 建文 档 ” 对 话 框 0n 


5-7 ”设置 新 建文 档 


2. 创建 站 点 
在 Dreamweaver CS3 中 可 以 有 效 地 建立 并 管理 多 个 站 点 。 创 建站 点 有 两 种 方法 ,一 是 


利用 向 导 ， 二 是 利用 高 级 设 定 。 
下 面 以 建立 玖 丰 电 子 机 箱 公司 站 点 “万 象 园 ”为 例 ， 介 绍 创建 站 点 的 步骤 。 
(1) 选择 【站 点 】 一 【管理 站 点 】 命 令 ， 弹 出 【管理 站 点 】 对 话 框 。 单 击 【新建 】 


按钮 ， 选 择 弹 出 菜单 中 的 【站 点 】 选 项 。 
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(2) 在 打开 的 对 话 框 上 方 有 【基本 】 和 【高 级 】 两 个 选项 卡 ， 可 以 在 站 点 向 导 和 高 
级 设置 之 间 切 换 。 选 择 【 基 本 】 选 项 卡 ， 如 图 5-8 所 示 。 


Ms Dreanweaver CS3 中 的 站 点 是 文件 和 文件 赤 的 集合 ， 它 对 应 于 服务 器 上 的 Yeb 站 
您 打算 为 您 的 站 点 起 什么 名 字 人 

万 象 园 

示例 : mySite 


售 的 站 点 的 TTP 地 址 WRL) 是 什么 ? 
1 


示例 : http://www myHost con/mySite 


5-8 站 点 名 称 定义 


(3) 在 【您 打算 为 您 的 站 点 起 什么 名 字 ? 】 文 本 框 中 输入 一 个 站 点 名 字 ， 如 “万 象 园 ” 
以 在 Dreamweaver CS3 中 标识 该 站 点 。 单 击 【下 一 步 】 按 钮 ， 在 弹出 的 界面 中 询问 是 否 要 
使 用 服务 器 技术 。 由 于 现在 建立 的 是 一 个 静态 页 面 ， 所 以 选中 【和 否 ， 我 不 想 使 用 服务 器 技 
术 。】 单 选 按钮 ， 如 图 5-9 所 示 。 


编辑 文件 ， 第 2 部 分 


您 是 否 打 算 使 用 服务 器 技术 ， 如 ColdFusion、ASP. NET、ASP、JSP 或 PHP? 


图 否 ， 我 不 相信 用 服务 器 村 术 。 由 ) 
晤 ， 我 担 使 用 服务 器 持 术 。 (Y) 


5-9 指定 是 否 使 用 服务 器 技术 


(4) 单 击 【下 一 步 】 按 钮 , 在 弹出 的 界面 中 设置 本 地 站 点 文件 夹 的 地 址 , 如 E:\mysite， 
如 图 5-10 所 示 。 
(5) 单 击 【下 一 步 】 按 钮 ， 进 入 站 点 定义 界面 ， 由 于 将 在 站 点 建设 完成 后 再 与 FTP 
链接 ， 所 以 这 里 选择 【无 】 选 项 ， 如 图 5-11 所 示 。 
在 开发 过 程 中 ， 您 打算 如 何 使 用 您 的 文件 ? 


回 编辑 我 的 计算 机 上 的 本 地 副本 ， 完 成 后 再 上 传 到 服务 器 (推荐) 宇 ) 
加 使 用 本 地 网 络 直接 在 服务 器 上 进行 编辑 0) 


您 将 把 文件 存储 在 计算 机 上 的 什么 位 置 ? 


Enysite\| 


5-10 ”定义 本 地 站 点 文件 来 图 5-11 定义 是 否 连接 远程 服务 器 
(6) 单 击 【完成 】 按 钮 ， 结 束 【 站 点 定义 】 界 面 的 设置 ， 如 图 5-12 所 示 。 
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至 此 ， 完 成 站 点 的 创建 ， 如 图 5-13 所 示 。 


地 信息 - 
本 
0 :Eaysite\ 


和 可 ER。 


测试 服务 器 : 
访问 ; 我 将 在 以 后 完成 此 设置 。 


可 以 使 用 高 蜗 ' 选项 卡 对 您 的 站 点 进行 进一步 配置 


NolSTyAe | 


KL 上- 步 四] [ 二) |][ 取消“ ] [帮助 


日 © 0 - 万 象 园 GF: \mysite) 
图 5-12 【站 点 定义 】 界 面 图 5-13 ”站 点 文件 面板 


5.1.3 ”搭建 站 点 目录 结构 与 文件 管理 


站 点 是 文件 与 文件 夹 的 集合 ， 下 面 就 在 前 面 建立 的 “万 象 网 ”站 点 的 基础 上 ， 新 建站 
点 的 目录 结构 ， 并 进行 站 点 的 文件 管理 。 

(1) 新 建文 件 夹 。 在 文件 面板 的 站 点 目录 下 单 击 鼠 标 右 键 ， 从 弹出 的 快捷 菜单 中 选 
择 【 新 建文 件 夹 】 命 令 ， 然后 给 文件 夹 命名 。 这 里 新 建 3 个 文件 夹 ， 分 别 命名 为 img、fla、 
chp， 分 别 用 来 存放 图 片 、 动 画 和 产品 图 片 信息 。 

(2) 创建 新 的 网 页 文件 。 在 文件 面板 的 站 点 目录 下 单 击 鼠 标 右键 ， 从 弹出 的 快捷 菜 
单 中 选择 【新 建文 件 】 命 令 ， 然 后 为 文件 命名 。 例 如 ， 要 添加 企业 简介 页 面 ， 可 将 其 命名 
为 about.html。 新 建 的 文件 夹 和 文件 如 图 5-14 所 示 。 


图 5-14 ”站 点 目录 结构 


对 于 建立 的 文件 和 文件 夹 ， 可 以 进行 移动 、 复 制 、 重 命名 和 删除 等 基本 的 管理 操作 。 
右 击 需要 管理 的 文件 或 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 【编辑 】 命 令 ， 即 可 进行 相关 
操作 。 
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5.2 ”网 页 的 基本 编辑 


5.2.1 设置 页 面 属性 
单 击 属性 面板 中 的 【页 面 属性 】 按 钮 ， 打 开 【 页 面 属性 】 对 话 框 ， 如 图 5-15 所 示 。 


页 面 字体 F) 点 认 字 体 


背景 生 色 @): 太 | 
背景 图 银 0) 
重 夏 


左边 距 串 像素 px) 右边 距 四 ) 像素 px) ~ 
上 边 下 中 ) 保 素 x) -下 边 距 加 ) 像素 px) ~ 


CC 本 [|  ] [Bw [| | 


图 5-15 【页 面 属性 】 对 话 框 


【外 观 】 选 项 用 来 设置 页 面 的 一 些 基本 属性 ， 可 以 定义 页 面 中 的 默认 文本 字体 、 文 本 
字号 、 文 本 颜色 、 背 景 颜色 和 背景 图 像 等 。 
【链接 】 选 项 内 是 一 些 与 页 面 的 链接 效果 有 关 的 设置 ， 如 图 5-16 所 示 。 
FE Es 
队 | 字体 中; 天 曾 -nr 
到 | 小 [BR 


树 扩 颜色 : 站 变换 图 多 人 接 GE)， 且 | 地 P9000 
已 访问 树 接 V): 厂 | 活动 树 接 ); 厂 | 


图 5-16 【链接 】 选 项 


【链接 颜色 】 选 项 用 来 定义 超 链接 文本 默认 状态 下 的 字体 颜色 ,【 变 换 图 像 链接 】 选 
项 用 来 定义 鼠标 放 在 链接 上 时 文本 的 颜色 ,【 已 访问 链接 】 选 项 用 来 定义 访问 过 的 链接 的 
颜色 ,【 活 动 链接 】 选 项 用 来 定义 活动 链接 的 颜色 。【 下 划 线 样式 】 选 项 用 来 定义 链接 的 下 
划 线 样式 。 

在 【页 面 属性 】 对 话 框 中 ， 除 了 可 以 设 定 外 观 和 链接 属性 ， 还 可 以 通过 【标题 】 选 项 
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设置 标题 字体 的 一 些 属 性 ， 包 括 粗 体 、 斜 体 、 大 小 和 颜色 ， 以 及 通过 【跟踪 图 像 】 选 项 将 
已 经 绘制 的 草图 作为 跟踪 图 像 铺 在 网 页 的 下 面 作为 背景 ， 用 于 引导 网 页 的 设计 。 
5.2.2 文本 、 图 像 编辑 与 超 链接 

1， 播 入 文本 并 进行 格式 设置 

要 向 网 页 文档 添加 文本 ， 可 以 直接 在 【文档 】 窗 口中 输入 文本 ， 也 可 以 剪 切 并 粘贴 ， 
还 可 以 从 Word 文档 中 导入 文本 。 

网 页 的 文本 分 为 段落 和 标题 两 种 格式 。 

在 文档 编辑 窗口 选中 一 段 文本 ， 在 属性 面板 【格式 】 后 的 下 拉 列 表 框 中 选择 【段落 】 
选项 ， 把 选中 的 文本 设置 成 段落 格式 。 【标题 1】 到 【标题 6】 分 别 表 示 各 级 标题 ， 应 用 于 
网 页 的 标题 部 分 。 对 应 的 字体 由 大 到 小 ， 同 时 文字 全 部 加 粗 。 

另外 ， 在 属性 面板 中 可 以 定义 文字 的 字号 、 颜 色 、 加 粗 、 斜 体 、 水 平 对 齐 等 属性 。 设 
置 后 ， 会 在 代码 视图 中 自动 生成 CSS 样式 。 

文本 换行 , 按 Enter 键 换行 的 行 间 距 较 大 (在 代码 区 生成 <p></p> 标 签 ), 按 Shift+Enter 
快捷 键 换行 的 行 间距 较 小 在 代码 区 生成 <br> 标 签 )。 

文本 空格 ， 选 择 【 编 辑 】 一 【首先 参数】 命令 ， 在 弹出 的 对 话 框 左 侧 的 分 类 列表 中 选 
择 【 常 规 】 选 项 ， 然 后 在 右 侧 选中 【允许 多 个 连续 的 空格 】 复 选 框 ， 就 可 以 直接 按 空格 键 
给 文本 添加 空格 了 。 


2， 揪 入 图 像 


在 制作 网 页 时 ， 先 构想 好 网 页 布局 ， 在 图 像 处 理 软件 中 将 需要 插入 的 图 像 进 行 处 理 ， 
然后 存放 在 站 点 下 的 图 像 文件 夹 中 。 插 入 图 像 时 ， 将 光标 放置 在 文档 窗口 需要 插入 图 像 的 
位 置 ， 然 后 单 击 常用 插入 栏 中 的 【图 像 】 按 钮 ， 在 弹出 的 【选择 图 像 源 文件 】 对 话 框 中 选 
择 图 像 文件 ， 单 击 【确定 】 按 钮 即 可 将 图 像 插 入 到 网 页 中 。 

(1) 在 插入 图 像 时 ， 没 有 将 图 像 保存 在 站 点 根 目 录 下 ， 会 弹出 一 个 对 话 框 提醒 要 把 
图 像 保存 在 站 点 内 部 ， 单 击 【 是 】 按 钮 即 可 。 
(2) 插入 图 像 前 先 保存 网 页 ， 以 免 图 片 丢 失 。 
(3) 网 页 、 图 像 文 件 名 应 采用 英文 或 数字 ， 不 要 用 中 文 。 
选中 图 像 后 ， 在 属性 面板 中 显示 出 了 图 像 的 属性 ， 如 图 5-17 所 示 。 


Em 图 像 ，49K 宽 230 源 文 件 ing/ cf gif 全 局 着 换 入 > ~ 
高 179 镑 接 人 局 “加 电 可 过 攻 
地 图 垂直 边 距 目标 边框 
图 癌 训导 水平 边 距 低 解 析 度 源 D) 全 已 ”对齐 [ 左 对齐 | 


图 5-17 【图 像 属 性 】 对 话 框 
» 在 属性 面板 的 左上 角 ， 显 示 当 前 图 像 的 缩 略 图 ， 同 时 显示 图 像 的 大 小 。 在 缩 上 略图 
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右 侧 有 一 个 文本 框 ， 在 其 中 可 以 输入 图 像 标记 的 名 称 。 
”” 【水 平 边 距 】 和 【垂直 边 距 】 文 本 框 : 用 来 设置 图 像 左 右 和 上 下 与 其 他 页 面 元 素 
的 距离 。 
” 【边框 】 文 本 框 : 用 来 设置 图 像 边框 的 宽度 ， 默 认 的 边框 宽度 为 0。 
” 【替换 】 下 拉 列 表 框 : 用 来 设置 图 像 的 替代 文本 ， 可 以 输入 一 段 文字 。 当 图 像 无 
法 显示 时 ， 将 显示 这 段 文字 。 
省 。 单 击 属性 面板 中 的 对 齐 按钮 , 可 以 分 别 将 图 像 设置 成 浏览 器 居 左 对 齐 、 居 中 对 齐 、 
居 右 对 齐 。 在 属性 面板 中 ,【 对 齐 】 下 拉 列 表 框 可 设置 图 像 与 文本 的 相互 对 齐 方 
式 ， 共 有 10 个 选项 。 通 过 它 可 以 将 文字 对 齐 到 图 像 的 上 端 、 下 端 、 左 边 和 右边 
等 ， 从 而 可 以 灵活 地 实现 文字 与 图 片 的 混 排 效果 。 
3， 插 入 其 他 图 像 元素 
单 击 常用 插入 栏 中 的 【图 像 】 按 钮 ， 除 了 插入 图 像 以 外 ， 还 可 以 插入 【图 像 占 位 符 小 
【鼠标 经 过 图 像 】 和 【导航 条 】 等 项 目 。 
4. 创建 超 链 接 
在 文档 窗口 选中 文字 或 图 片 ， 单 击 属性 面板 【链接 】 后 的 回 按钮 ， 弹 出 【选择 文件 】 
对 话 框 ， 选 择 要 链接 到 的 网 页 文件 ， 即 可 链接 到 这 个 网 页 。 也 可 以 拖 动 【链接 】 后 的 你 按 


钮 到 站 点 面板 上 的 相应 网 页 文件 。 此 外 ， 还 可 以 直接 在 【链接 】 文 本 框 中 输入 网 页 URL 
【 例 5-1】 A eA ed 


2 paral 


Ci ee) Ek 目 - 口 坑 - A 2 IRO)” 各 


企业 简介 


万 象 轿 是 专 业 化 的 板 全 加工 抽 半 企业 ， 们 于 环 苯 海 地 区 ， 需 孝 104 国 震 、 京 失 路 ， 京 沪 高 带 公 二 
路 ， 地: 交 双 像 和。 全 年 经过 全 体 员 工 不 业 的 拉 捕 进 丰 ， 全 阁 正 确 的 市 蕊 分 析 、 先 进 的 生产 设备 、 鞍 悍 的 条 术 力 量 - 
过 入 罗 设计 琵 力 ， 丰富 的 买 径 验 ， 高 区 服 秀 保障， 使 于 公司 簿 以 本 加 妇 展 - 


和 公司 补 对 现代 校园 网 结 、 多 济 洒 才学 从 广大 等 及 ， 在 可 导 生 此 灶 进 加工 工 二 的 基 大 上 ， 白 全 开发 研制 这 可 型 的 闪 制 灾 全 
型 名 生 多 角 从 让 子 讲台、 届时 机 扩 第 币 浴 ， 大 大 降低 了 广大 轨 阳 工 全 营 动 如 于 ， 提 襄 了 瘦 学 而 旺 ,得 到 了 教育 部 门 的 老 站 认可 。 六 
公司 在 研 帮 新 产品 的 同时 ， 眉 丘 用 疡 要 玉 浊 行 设计 制作 呈 各 丰 标 闪 机 三 、 些 位 台 ， 自 撤 寻 、 上 制 本 以 及 各 各 似 骂 位 的 导 汪 外 元 产 
是 ， 玛 上 形成 了 产品 的 系列 化 * 


FELT 


图 5-18 企业 简介 页 面 效果 


具体 步骤 如 下 。 

(1) 组 织 素材 ,建立 站 点 “万 象 园 "， 站 点 结构 如 图 5-14 所 示 。 图 片 素材 复制 到 相应 
文件 夹 下 。 

(2 ) 新 建 网 页 文件 ， 并 命名 为 about.html。 将 文档 标题 改 为 “企业 简介 -万 象 园 ”。 
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(3 ) 设置 页 面 属性 ， 在 【外 观 】 选 项 卡 中 单 击 【 背 景 图 像 】 右 侧 的 【浏览 〗】 按 钮 ， 
找到 img/bg.gif 图 像 文件 ， 单 击 【确定 】 按 钮 。 

(4 ) 输入 正文 标题 “企业 简介 ”, 选中 文字 并 在 属性 面板 中 进行 设置 : 字体 大 小 为 40， 
颜色 为 二 F6600， 对 齐 方式 为 居中 对 齐 。 

(5 ) 输入 第 二 段 文字 (或 复制 粘贴 )， 设置 为 居 左 对 齐 ， 字 体 为 宋体 ， 字 号 18。 

(6) 输入 第 三 段 文字 ,和 上 面 的 设置 相同 。 将 光标 分 别 移 到 二 、 三 段 首 , 按 住 Shift+ 
CtrltSpace 组 合 键 输入 空格 。 

(7) 将 光标 移 到 第 三 段 段 首 ， 插 入 图 像 ， 找 到 img/cf gif 后 确定 ， 并 设置 属性 为 左 对 
齐 。 按 F12 键 预览 ， 效 果 如 图 5-18 所 示 。 


5.2.3 用 CSS 样式 表 设 置 网 页 样式 


CSS 样式 表 的 创建 可 以 统一 控制 网 页 文字 的 大 小 、 字 体 、 颜 色 、 边 框 和 链接 状态 等 效 
果 ， 在 Dreamweaver CS3 中 ， 则 提供 了 更 为 方便 、 快 捷 的 CSS 样式 设置 方式 。 


1. 创建 CSS 样式 

打开 CSS 样式 面板 ， 如 图 5-19 所 示 。 

单 击 CSS 样式 面板 右 下 角 的 【新 建 CSS 规则 】 按 钮 ， 打 开 【 新 建 CSS 规则 】 对 话 框 ， 
如 图 5-20 所 示 。 


Css 


EL 
所 有 规则 
侏 定 又 笠 式 ) 下 
选择 器 类 型 : 各 类 回应 用 于 任何 标签 ) C) 
标签 重新 定义 特定 标签 的 外 观 ) GT) 
高 级 ( 匡 、 伪 类 寺 择 器 等 ) ON) 
名 称 : | = 
属性 定义 在 十 [大 建 样式 表 文 件 ) 四 
[ES 是 人 le 
图 5-19 CSS 样式 面板 5-20 【新 建 CSS 规则 】 对 话 框 


在 【选择 器 类 型 】 栏 中 ， 可 以 选择 创建 CSS 样式 的 方法 。 

(1) 类 (可 应 用 于 任何 标签 )， 类 样式 也 可 称 为 自 定义 样式 ， 由 用 户 命名 ， 可 应 用 于 
任何 标签 。 

(2) 标签 (重新 定义 特定 标签 的 外 观 ): 重新 定义 HTML 标记 的 默认 格式 。 定 义 的 样 
式 将 只 应 用 于 选择 的 标签 。 例 如 ， 为 <td> 重 定义 了 样式 ， 大 小 为 14px， 颜 色 为 红色 ， 那 么 
定义 完成 后 ， 网 页 中 所 有 单元 格 中 的 文本 大 小 为 14px， 颜 色 为 红色 。 

(3) 高 级 (ID、 伪 类 选择 器 等 ): 为 特定 的 标签 定义 样式 ， 使 用 ID 作为 属性 ， 以 保 
证 文档 具有 唯一 可 用 的 值 。 高 级 样式 是 一 种 特殊 类 型 的 样式 , 常用 的 有 4 种 , 分 别 介绍 如 下 。 

小 ”a:link: 设 定 正 常 状态 下 链接 文字 的 样式 。 
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沙 ”a:active: 设 定 鼠标 单 击 时 链接 的 外 观 。 

”aivisited: 设 定 访问 过 的 链接 的 外 观 。 

省 ”a:hover: 设 定 光标 置 于 链接 文字 之 上 时 文字 的 外 观 。 

在 图 5-20 中 ， 类 样式 的 名 称 必须 以 点 〈.) 开始 。 自 定义 样式 名 可 以 是 字母 与 数字 的 
组 合 ， 但 点 之 后 必须 是 字母 。 

对 于 重新 定义 HTML 标记 , 可 以 在 【标签 】 下 拉 列 表 框 中 输入 或 选择 重新 定义 的 标记 。 

对 于 CSS 选择 器 样式 ， 可 以 在 【选择 器 】 下 拉 列 表 框 中 输入 或 选择 需要 的 选择 器 。 

在 图 5-20 的 【定义 在 】 栏 中 有 两 个 选项 ， 即 【新 建 样式 表 文 件 】 和 【 仅 对 该 文档 】。 
如 果 选 中 【新 建 样式 表 文 件 】 单 选 按钮 ， 将 弹出 【保存 样式 表 文 件 为 】 对 话 框 ， 为 样式 表 
命名 后 保存 ， 弹 出 【.gg 的 CSS 规则 定义 】 对 话 框 ， 如 图 5-21 所 示 。 如 果 选 中 【 仅 对 该 文 
档 】 单 选 按钮 ， 即 内 部 样式 表 ， 直 接 弹 出 【.gg 的 CSS 规则 定义 】 对 话 框 。 


5-21 【.gg 的 CSS 规则 定义 】 对 话 框 


在 【.gg 的 CSS 规则 定义 】 对 话 框 中 设置 CSS 规则 定义 ， 共 包含 类 型 、 背 景 、 区 块 、 
方 框 、 边 框 、 列 表 、 定 位 和 扩展 8 项 。 每 个 选项 都 可 以 对 所 选 标签 做 不 同方 面 的 定义 ， 可 以 
根据 需要 设 定 。 定 义 完毕 后 ， 单 击 【确定 】 按 钮 ， 完 成 CSS 样式 的 创建 ， 如 图 5-22 所 示 。 


2， 编辑 CSS 样式 


选中 需要 编辑 的 样式 类 型 ， 单 击 【 编 辑 样式 】 按 钮 过 ， 在 弹出 的 【CSS 规则 定义 】 对 
话 框 中 修改 相应 的 设置 。 编 辑 完成 后 单 击 【 确 定 】 按 钮 ，CSS 样式 即 编辑 完成 。 


3. 应 用 CSS 自 定义 样式 


右 击 在 网 页 中 被 选中 的 元 素 ， 在 弹出 的 快捷 菜单 中 选择 【CSS 样式 】 命 令 ， 在 其 子 菜 
单 中 选择 需要 的 自 定义 样式 。 


4， 附 加 样式 表 
单 击 【附加 样式 表 】 按 钮 届 ， 打 开 【 链 接 外 部 样式 表 】 对 话 框 ， 可 以 链接 外 部 的 CSS 
样式 文件 ， 如 图 5-23 所 示 。 
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文件 /LO): 和 


添加 为 : 夯 檬 接 员 ) 
导入 CD) 

捍 体 0 
您 也 可 以 输入 到 号 分 隔 的 媒体 类 型 列表 。 


Jresmvesyer 的 范例 样式 走 可 以 帮助 您 起 步 。 
5-22 ”创建 .gg 样式 后 的 CSS 样式 面板 5-23 【链接 外 部 样式 表 】 对 话 框 


在 【文件 /URL】 下 拉 列 表 框 中 设置 外 部 样式 表 文件 的 路 径 ， 单 击 【 浏 览 】 按 钮 ， 在 打 
开 的 【浏览 】 窗 口中 找到 样式 表 文 件 ， 单 击 【 确 定 】 按 钮 ，CSS 文件 即 被 链接 到 当前 页 面 。 


5.3 ”用 表格 或 框架 进行 网 页 布局 


表格 是 网 页 设计 中 最 常用 的 布局 元 素 。 它 以 简洁 明了 和 高 效 快 捷 的 方式 将 图 片 、 文 本 、 
数据 和 表单 的 元 素 进行 有 序 的 定位 并 显示 出 来 ， 设 计 出 赏心悦目 的 页 面 。 


5.3.1 表格 基本 操作 


1. 创建 表格 


在 文档 窗口 中 , 将 光标 置 于 需要 创建 表格 的 位 置 ， 单 击 常用 快捷 栏 中 的 【表格 】 按 钮 ， 
弹出 【表格 】 对 话 框 ， 如 图 5-24 所 示 。 设 置 表格 的 属 
性 后 ， 即 可 插入 表格 。 

小 【 行 数 】) 用 来 设置 表格 的 行 数 。 

沙 【 列 数 】〗 用 来 设置 表格 的 列 数 。 

【表格 宽度 】 用 来 设置 表格 的 宽度 ， 可 以 
输入 数值 。 单 位 有 百分比 和 像素 两 种 ， 选 择 
百分比 时 ， 表 格 的 宽度 是 一 个 相对 值 ， 会 随 于 
浏览 器 窗口 的 大 小 而 改变 ;选择 像素 时 ， 表 wear 
格 的 宽度 是 一 个 固定 的 绝对 值 。 


3 


省 【边框 粗细 】: 用 来 设置 表格 的 边框 的 宽度 。 | 局 胡可 

沙 【单元 格 边 距 ]: 用 来 设置 单元 格 的 内 部 空 图 5.24 【表格 】 对 话 框 
白 的 大 小 。 

* 【单元 格 间距 】 用 来 设置 单元 格 与 单元 格 之 间 的 距离 。 

2. 选取 表格 元 素 


对 于 表格 、 行 、 列 、 单 元 格 属性 的 设置 ， 都 是 以 选取 这 些 对 象 为 前 提 的 。 下 面 简单 介 
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绍 相应 的 选取 方法 。 

(1) 选择 整个 表格 。 将 鼠标 指针 移 到 表格 边框 线 上 ， 当 出 现 双 向 箭头 标志 时 单 击 即 可 
选中 整个 表格 ;在 表格 内 任意 处 单 击 ， 然 后 在 状态 栏 中 选中 <table> 标 签单 击 鼠 标 右键 ， 
在 弹出 的 快捷 菜单 中 选择 【表格 】 一 【选择 表格 】 命 令 。 

(2) 选取 单元 格 。 按 住 Ctrl 键 ， 在 需要 选中 的 单元 格 上 单 击 即 可 ;选中 状态 栏 中 的 
<td> 标 签 。 

(3) 选取 行 或 列 。 将 光标 移动 到 行 左 侧 或 列 上 方 ， 鼠 标 指针 变 为 向 右 或 向 下 的 箭头 
图 标 时 单 击 即 可 。 

3. 设置 表格 属性 


选中 一 个 表格 后 ， 可 以 通过 属性 面板 更 改 表格 属性 ， 如 图 5-25 所 示 。 


图 | 表格 Id 


【填充 】 用 来 设置 单元 格 边 距 。 

【间距 】: 用 来 设置 单元 格 间距 。 

【对 齐 】〗 用 来 设置 表格 的 对 齐 方式 ， 默 认 的 对 齐 方式 为 左 对 齐 。 
【边框 } 用 来 设置 表格 边框 的 宽度 。 

【背景 颜色 】 用 来 设置 表格 的 背景 颜色 。 

【边框 颜色 】 用 来 设置 表格 边框 的 颜色 。 

小 【背景 图 像 ]， 可 以 为 表格 添加 背景 图 像 。 

4. 设置 单元 格 属性 


把 光标 移动 到 某 个 单元 格 内 ， 可 以 对 这 个 单元 格 的 属性 进行 设置 ， 如 图 5-26 所 示 。 


EK2 


了 


格式 | 无 | 样式 无 ~ EScssJBZx 全 和 健 到 天 梯 接 
字体 默认 字体 v 大 小 无 ~ 全 湛江 绎 绎 目标 


国 单元 格 水 平 莱 认 =] 宽 不 换行 四 。 背景 [3 
一 口 冻 大 让 | 欧 认 | 高 标题 背景 疡 色 六 | 边框 中 


图 5-26 单元 格 属性 


【水 平 ]: 设置 单元 格 内 元 素 的 水 平 排版 方式 ， 是 居 左 、 居 右 或 居中 。 

【垂直 】: 用 来 设置 单元 格 内 的 垂直 排版 方式 ， 是 顶端 对 齐 、 底 端 对 齐 或 居中 
对 齐 。 

【 宽 】【 高 】 用 来 设置 单元 格 的 宽度 和 高 度 。 

【不 换行 } 可 以 防止 单元 格 中 较 长 的 文本 自动 换行 。 


可 如 


可 如 
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履 ”【 背 景 } 用 来 设置 单元 格 的 背景 图 像 。 
【背景 颜色】 用 来 设置 单元 格 的 背景 颜色 。 
省 【边框 】) 用 来 设置 单元 格 边框 的 颜色 。 


5S， 谋 套 表格 


网 页 的 排版 有 时 会 很 复杂 ， 只 凭借 表格 的 单元 格 合 并 和 拆 分 ， 容 易 引 起 行 高 列 宽 的 冲 
突 ， 给 表格 的 制作 带 来 困难 。 使 用 嵌 套 表格 ， 可 由 总 表格 负责 整体 布局 ， 由 媒 套 的 表格 负 
责 各 个 子 栏目 的 排版 ， 并 插入 到 总 表格 的 相应 位 置 中 ， 各 司 其 职 ， 互 不 冲突 。 
【 例 5-2】 使 用 表格 布局 制作 “企业 简介 ”页 面 ( 如 图 5-27 所 示 ) 
Py 全 


a .219_ 


自 诚 


人 


司 | 下 丰 中 子 相 乱 有 随 公 司 《品牌 万 象 吕 ) 是 志 此 化 hy 括 全 加工 制 闭 厂 家 ， 地 烛 间 治 交接 9 黄金 
地 3， 由 六 104 国 前 ， 亨 沪 村 窗 、 训 六 高 于 公 熙 ， 地 棕 条 件 做 码 ， 交 通融 利 ， 
才 生 来 经 讨 们 信 员 工 不 本 的 阳 出 取 ， 依 家 正确 的 市场 分 析 、 先 出 的 生产 设备 、 楼 理 的 枝 术 力量 、 


这 的 8 计 仍 力 、 二 宇 的 235、 高 三 的 子 分 保 理 ， 
他 机 公司 保 以 飞 府 的 丰 民 。 
大 公司 时 对 对 代 校园 同 癌 、 克 折 体 条 学 4 广泛 阁 及 ， 
和 风行 夫 坟 加工 工艺 久 基 耐 上， 自行 开 不 研制 疡 种 
和 的 泊 制 志 全 小 知 能 多半 人 看 寺 洲 千 、 投 影 机 巴 稳 巴 
加 ,大 大 降 做 了 广大 外 职工 的 劳动 弗 度 ， 提 高 了 钾 学 大 
时， 得 虽 了 孝王 部 门 的 共 关 认可 。 本 公司 生 研 其 产品 的 
4， 相反 届 记 交 下 直行 设计 划 作 各 神 划 相机 柜 ,监控 
车、 电视 继 、 控制 忆 以 及 各 神似 基 仅 39 机 往外 于 产 品 ， 还 去 形 及 了 产品 系列 化 
有 而 兴 公司 产品 销售 己 带 布 全 于 各 地 ， 青 大 昌 反 二 作 更 与 各 界 司 仁 损 扩 并 浊 ， 共 同 开 全 机 入 机 析 
A 
ccpyrieasz006 。 后 习 所 有 -河北 玉 李 下 天 有 了 公司 


联 天 让 :河北 六 让 电子 机 入 入 弄 公 司 
电话 : bal7-1294S8T 传真: 0517-82245E7 


5-27 ”企业 简介 页 面 


(1) 站 点 结构 仍 如 图 5-14 所 示 ， 将 教材 配套 素材 复制 到 相应 文件 夹 下 。 将 原来 的 
about.html 删除 ， 然 后 新 建 网 页 文件 ， 命 名 为 about.html。 

(2 ) 设置 页 面 背 景 图 像 为 img/bg.gif。 

(3 ) 新 建 表格 ， 设 定 为 1 行 1 列 ， 宽 为 766px， 其 余 为 0。 对 齐 方式 为 居中 。 

(4) 选中 单元 格 ， 设 定 背景 图 像 为 img/bgyjpg， 垂 直 对 齐 方式 为 顶端 对 齐 ， 高 度 为 
463px。 将 光标 移 至 单元 格 内 ， 插 入 歇 套 表格 ， 设 定 为 1 行 1 列 ， 宽 100%， 其 余 为 0。 插 
入 图 像 img/tl1.jpg。 然 后 ， 在 上 面 的 表格 下 方 插入 第 2 个 嵌 套 表格 ， 设 定 为 1 行 2 列 ， 宽 
100%， 其 余 为 0。 将 光标 移 至 右 侧 单元 格 ， 设 定 宽 度 为 568px， 插 入 导航 图 片 img/dh.jpg， 
利用 图 像 热 点 工具 在 导航 图 片上 分 别 制作 5 个 超 链 接 ， 分 别 链 接 到 index.html、about.html 
等 页 面 (也 可 暂时 设 为 空 链接 # )。 再 把 光标 移 至 左 侧 单 元 格 , 设 定 背景 图 像 为 img/dhbj.jpg。 

(5 ) 在 上 面 的 表格 下 方 插入 第 3 个 谋 套 表格 , 设 定 为 1 行 2 列 , 宽 100%， 其 余 为 0。 
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选中 该 表格 ， 设 定 背 景 图 像 img/bnbgjpg。 将 光标 移 至 左 侧 单元 格 ， 设 定 宽度 为 35%， 
高 度 为 74px。 将 光标 移 至 右 侧 单元 格 ， 插 入 Flash 文件 fa/1.swf， 选 中 Flash， 在 属性 面板 
上 单 击 【 参 数 】 按 钮 ， 设 置 参数 为 wmode， 值 为 transparent， 确 定 后 将 Flash 文件 的 背景 
设 为 透明 。 按 F12 键 预 览 上 面 的 页 眉 与 导航 布局 ， 效 果 如 图 5-28 所 示 。 


公司 首页 。 公司 泣 介 。 产品 展示 。 月 上 宏昌 。。 联系 共 们 


; 制造 我 专业 服务 俺 周全 合作 咱 真 访 
5-28 ”页 眉 与 导航 布局 效果 


(6) 在 上 面 的 表格 下 方 插入 第 4 个 谋 套 表格 ， 设 定 为 1 行 3 列 ， 宽 99%， 其 余 为 0。 

选中 左 侧 单 元 格 ， 设置 宽 为 170， 高 为 246， 垂 直 对 齐 方式 为 顶端 对 齐 。 在 该 单元 格 
内 插入 嵌 套 表格 ， 设 定 为 9 行 2 列 ， 宽 为 140px， 居 中 对 齐 。 将 光标 置 于 谋 套 表格 的 左 侧 
单元 格 ， 设 定 宽度 为 14px， 右 侧 则 为 126px。 分 别 在 这 两 列 内 插入 小 图 标 img/dot_05.gif 
和 相关 产品 名 称 ， 如 图 5-29 所 示 。 

选中 中 间 单 元 格 ， 设 定 宽 为 1px， 背 景 颜色 为 民 CBF5B。 

选择 右 侧 单元 格 ， 完 成 企业 简介 正文 内 容 。 首 先 ， 将 光标 置 于 右 侧 单 元 格 ， 设 定 宽 为 
595px， 垂 直 对 齐 方式 为 顶端 对 齐 。 插 入 一 个 2 行 1 列 的 典 套 表格 ， 设 定 宽 为 95%， 边框 
为 0。 将 光标 置 于 上 面 单 元 格 ， 插 入 图 像 img/jj-1.jpg， 再 将 光标 置 于 下 面 单元 格 ， 输 入 正 
文 内 容 ， 插 入 厂区 图 片 ， 如 图 5-30 所 示 。 


ET 和 i 全 


带 公 路 ， 5 人， 交通 便利 。 

， 代 千 正确 的 市 场 分 析 、 先 坦 的 生产 设备 、 硅 厚 的 技术 力 
量 、 过 三 的 设计 能 力 ， 丰 富 的 实践 经 验 、 高 押 量 的 服务 保障 
， 使 本 公司 得 以 飞速 的 发 展 * 

我 公司 针对 现代 校园 网络 、 儿 媒体 教学 的 广泛 普及 
， 在 咒 尿 行业 先进 加 工 工艺 的 基础 上 ， 自 行 开发 研制 出 多 种 
型 号 的 钢 制 去 全 型 智 骨 务 柑 体 电子 讲台 、 投 果 和 机 串 箱 中 职 ， 

[大 大 降低 了 广大 教 职 工 的 劳动 唱 度 ， 提 高 了 教学 质 重 ， 得 到 

了 教育 部 门 和 普遍 认可 。 本 公司 在 研发 新 产品 的 同时 根据 


# 用 户 需求 进行 设计 制作 各 种 非 标准 机 柜 、 监 控 台 、 电 视 墙 、 
HE 及 和 各 人 加 从 的, 箱 外 过 产品 ， 还 上 成 了 产品 的 系 5 化 。 
目前 我 公司 的 产品 销售 己 沪 布 全 国 各 地 ,真诚 8 丰 人 原 与 各 界 同仁 携手 并 进 ， 共 同 开创 机 箱 


图 5-29 ” 左 侧 嵌 套 表格 图 5-30” 右 侧 嵌 套 表格 


(7) 制作 版 权 区 域 。 选 中 上 面 的 1 行 3 列 大 表格 , 在 其 下 方 新 建 一 个 1 行 1 列 的 表格 ， 
设 定 宽 为 99%， 其 余 为 0， 居中 。 选 中 单元 格 ， 设 置 背景 图 片 为 img/dbgjpg， 高 为 57px。 
将 光标 移 到 该 单元 格 ， 输 入 相关 版 权 信息 。 至 此 ， 企 业 简 介 页 面 架构 基本 完成 。 可 按 F12 
键 预览 网 页 效果 。 为 了 美化 页 面 ， 可 统一 定义 一 些 样式 ， 控 制 页 面 内 容 的 显示 ， 这 里 不 再 
次 述 。 详 细 网 页 文件 内 容 可 参考 本 书 配 套 的 相关 案例 素材 。 
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5.3.2 ”框架 应 用 


框架 可 以 用 来 拆 分 浏览 器 窗口 , 在 不 同 的 区 域 显示 不 同 的 HTML 网 页 。 在 第 4 章 已 经 
学 习 了 如 何 使 用 HTML 语言 来 制作 框架 页 ， 此 方法 稍 显 麻 烦 。 在 Dreamweaver CS3 中 ， 
利用 系统 提供 的 强大 工具 和 面板 可 以 更 方便 快捷 地 制作 框架 页 面 。 


1， 框架 和 框架 集 


(1) 框架 (Frame) 是 浏览 器 窗口 中 的 一 个 区 域 ， 可 以 显示 与 浏览 器 窗口 的 其 余部 分 
所 显示 内 容 无 关 的 网 页 文件 。 
(2) 框架 集 (Frameset) 是 一 个 网 页 文件 ， 定 义 了 一 组 框架 的 布局 和 属性 ， 包 括 框架 
的 数目 、 大 小 和 位 置 以 及 在 每 个 框架 中 要 显示 的 网 页 文件 的 URL。 
如 果 一 个 站 点 在 浏览 器 中 显示 为 包含 3 个 框架 的 单个 页 面 ， 则 它 实际 上 至 少 由 4 个 单 
独 的 网 页 文件 组 成 :1 个 框架 集 文件 以 及 3 个 文档 ， 这 3 个 文档 包含 这 些 框架 内 初始 显示 
的 内 容 。 在 Dreamweaver CS3 中 设计 此 框架 集 的 各 页 面 时 ， 必 须 全 部 保存 这 4 个 文件 。 


2. 创建 框架 和 框架 集 
(1) 新 建 一 个 HIML 文件 ， 在 快捷 工具 栏 中 选择 【布局 】 命 令 ， 单 击 【 框 架 】 按 钮 ， 


在 弹出 的 菜单 中 选择 【顶部 和 嵌 套 的 左 侧 框架 】 命令 (如 图 5-31 所 示 )， 弹 出 如 图 5-32 所 
示 的 对 话 框 。 


为 每 一 框架 指定 一 个 标题 


{ER 
标题 : mainFrane 


如 果 在 插入 对 象 时 不 想 输 入 此 信息 ， 
让 更改 - 请 有 功能 首选 关 教 。 


5-31 框架 列表 菜单 5-32 【框架 标签 辅助 功能 属性 】 对 话 框 


(2) 在 图 5-32 中 ， 可 以 为 每 个 框架 指定 标题 。 这 里 按 默认 方式 设置 各 框架 标题 ， 单 
击 【 确 定 】 按 钮 。 此 时 要 调整 框架 的 高 度 和 宽度 ， 可 直接 用 鼠标 拖 放 框 架 边框 。 

3. 保存 框架 和 框架 集 

每 一 个 框架 都 有 一 个 框架 名 称 ， 用 户 可 以 用 默认 的 框架 名 称 ， 也 可 以 在 属性 面板 中 修 
改名 称 ， 这 里 采用 系统 默认 的 框架 名 称 topFrame (上 方 )、leftFrame (〈 左 侧 )、mainFrame 
( 主 框架 )。 
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要 保存 上 面 的 框架 集 和 框架 ， 可 选择 【文件 】 一 【保存 全 部 】 命 令 ， 这 里 将 框架 集 保 
存 为 index.html, 上 方 框架 保存 为 html, 左 侧 框架 保存 为 2 html, 右 侧 主 框架 保存 为 3.html。 
需要 注意 的 是 ， 只 有 将 框架 集 和 各 个 框架 保存 在 本 地 站 点 根 目录 下 ， 才 能 保证 浏览 页 面 时 
显示 正常 。 

4. 选择 框架 和 框架 集 


(1) 在 【框架 】 面 板 中 选择 框架 和 框架 集 。【 框 架 】 面 板 提供 框架 集 内 各 框架 的 可 视 
化 表示 形式 ， 能 够 显示 框架 集 的 层次 结构 。 环 绕 每 个 框架 集 的 边框 非常 粗 ， 而 环绕 每 个 框 
架 的 是 较 细 的 灰 线 ， 并 且 每 个 框架 由 框架 名 称 标识 。 要 选择 某 个 框架 ， 单 击 需 要 的 框架 部 
分 即 可 ; 要 选择 框架 集 ， 单 击 环绕 框架 集 的 边框 即 可 。 

(2) 在 【文档 】 窗 口中 选择 框架 和 框架 集 。 在 文档 窗口 中 ， 要 选择 一 个 框架 可 在 按 
住 Alt 键 的 同时 单 击 框架 内 部 即 可 。 此 时 ， 在 框架 周围 显示 一 个 选择 轮廓 。 要 选择 一 个 杠 
架 集 ， 单 击 框架 集 的 某 一 内 部 框架 边框 即 可 。 此 时 ， 在 框架 集 周围 显示 一 个 选择 轮廓 。 


S， 设置 框架 属性 


选中 框架 ， 在 属性 面板 上 可 以 设置 框架 属性 ， 如 框架 名 称 、 源 文件 、 空 白 边 距 、 滚 动 
条 、 重 置 大 小 和 边框 属性 等 。 需 要 注意 的 是 ， 在 创建 链接 时 要 用 到 框架 名 称 ， 所 以 要 在 这 
里 清楚 每 个 框架 的 框架 名 。 

6、 在 框架 中 使 用 超 链接 


在 框架 网 页 中 制作 超 链 接 时 ， 一 定 要 设置 链接 的 目标 属性 ， 为 链接 的 目标 文档 指定 显 
示 窗 口 。 在 导航 条 上 创建 链接 时 ， 一 般 将 目标 文档 放 在 另 一 个 框架 中 显示 。 


5.4 用 DIV 与 CSS 样式 布局 


1. DIV+CSS 布局 的 优势 


利用 DIV+CSS 布局 ， 可 以 有 效 地 对 页 面 的 布局 、 字 体 、 颜 色 和 其 他 效果 实现 精确 控 
制 ， 并 且 只 要 对 相应 的 代码 做 一 些 简单 的 修改 ， 就 可 以 改变 同一 页 面 的 不 同 部 分 ， 或 不 同 
页 面 的 外 观 和 格式 ， 这 是 表格 布局 所 无 法 做 到 的 。 总 的 来 讲 ，DIV+CSS 布局 有 以 下 三 个 
优势 。 

(1) 代码 精简 ， 减 少 因 嵌 套 多 而 影响 搜索 引擎 蜘蛛 疏 行 的 问题 

使 用 一 般 的 表格 架构 ， 为 了 达到 一 定 的 视觉 效果 ， 不 得 不 套用 多 个 表格 。 而 使 用 
DIV+CSS 布局 ， 页 面 代码 比较 精简 。 代 码 精简 所 带 来 的 直接 好 处 有 两 个 : 一 是 提高 搜索 
引擎 蜘蛛 爬行 效率 ， 能 在 最 短 的 时 间 内 怜 完整 个 页 面 ， 这 样 对 收录 质量 有 一 定好 处 ; 二 是 
由 于 能 高 效 地 怜 行 ， 页 面 会 受到 “ 蜘 蛛 ” 喜 欢 ， 这 样 对 收录 数量 有 一 定好 处 。 
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(2) 方便 修改 与 维护 
使 用 了 DIV+CSS 布局 ， 在 修改 页 面 时 会 变 得 更 加 容易 。 根 据 区 域内 容 标记 ， 到 CSS 
样式 中 找到 相应 的 ID, 然后 就 可 以 修改 相关 页 面 标记 的 设置 , 且 不 会 破坏 页 面 其 他 部 分 的 
布局 样式 。 
(3) 内 容 与 表现 分 离 ， 页 面 载 入 得 更 快 
由 于 将 大 部 分 页 面 代码 写 在 了 CSS 当中 , 使 得 页 面体 积 容量 变 得 更 小 , 缩减 带宽 成 本 ， 
页 面 载 入 得 更 快 ， 从 而 提高 浏览 速度 。 
2.CSS 金子 模型 


传统 的 表格 排版 是 通过 大 小 不 一 的 表格 和 表格 嵌 套 来 定位 排版 网 页 内 容 , 改 用 CSS 排 
版 后 , 就 是 通过 由 CSS 定义 的 大 小 不 一 的 盒子 和 盒子 嵌 套 来 编排 网 页 。 因 为 用 这 种 方式 排 
版 的 网 页 代码 简洁 ， 更 新 方便 ， 能 兼容 更 多 的 浏览 器 。 

什么 是 CSS 的 盒子 模型 呢 ? 在 网 页 设计 中 常见 的 属性 名 ， 如 内 容 (content)、 填 充 

(padding)、 边 框 (border)、 边 界 (margin) 等 ， 在 CSS 盒子 模型 中 都 具备 这 些 属性 。 如 
图 5-33 所 示 是 标准 W3C 盒子 模型 。 


a 标准 盒子 模型 


margin-top 
border-top 
yaddin to 


区 
3 
Sd 
® 
Ey 


3430-UISJeUu 


border-bottom 


margin-bottom 


width 


图 5-33 CSS 盒子 模型 


这 些 属性 可 以 把 它 用 日 常生 活 中 的 盒子 来 理解 。 生 活 中 所 见 的 盒子 也 具有 这 些 属 性 ， 
内 容 (content) 就 是 盒子 里 装 的 东西 ; 填充 (padding) 就 是 担心 盒子 里 装 的 东西 损坏 而 添 
加 的 泡沫 或 其 他 辅料 ;边框 〈border) 就 是 盒子 本 身 ; 至 于 边界 (margin) 则 说 明 盒子 摆 
放 时 要 留 一 定 空隙 。 通 常 来 讲 ， 与 页 面 的 相对 位 置 主要 由 margin 属性 来 控制 ， 而 padding 
属性 则 用 来 控制 内 容 的 周边 空格 。 

这 里 值得 注意 的 是 ，IE 盒子 模型 的 范围 也 包括 margin、border、padding、content， 但 
是 和 标准 W3C 盒子 模型 不 同 的 是 ,IE 盒子 模型 的 content 部 分 包含 了 border 和 pading。 那 
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怎样 才能 做 到 选择 “标准 W3C 盒子 模型 呢 ? 很 简单 ， 就 是 在 网 页 的 顶部 加 上 DOCTYPE 
声明 。 如 果 不 加 DOCTYPE 声明 ， 那 么 各 个 浏览 器 会 根据 自己 的 行为 去 理解 网 页 ， 即 正 
浏览 器 会 采用 正 盒子 模型 去 解释 你 的 盒子 ， 而 Firefox 火狐 浏览 器 会 采用 标准 W3C 盒子 
模型 解释 你 的 盒子 ， 所 以 网 页 在 不 同 的 浏览 器 中 就 显示 的 不 一 样 了 。 反 之 ， 如 果 加 上 了 
DOCTYPE 声明 ， 那 么 所 有 浏览 器 都 会 采用 标准 W3C 盒子 模型 去 解释 你 的 盒子 ， 网 页 就 
能 在 各 个 浏览 器 中 显示 一 致 了 。 

3. 网 页 布局 常见 问题 与 思路 


(1) 保持 居中 
要 保持 整体 页 面 居 中 ， 可 以 通过 CSS 的 margin 属性 对 <body> 标 记 进行 设置 ， 实 现 控 
制 网 页 居中 显示 。 


<body>{text-align:center;margin:0 auto;} 


margin:0 auto 代表 上 下 边 距 为 0， 左右 为 自动 调整 边 距 。 
若 保持 页 面 背景 居中 ， 可 以 使 用 下 面 的 定义 。 


<body>{background:url() #fff no-repeat center;} 


若 需 要 文字 图 片 内 容 居 中 ， 可 以 直接 使 用 text-align:center。 
(2) 内 容 排 版 
在 水 平 排版 时 ， 如 导航 、 水 平 排列 的 用 户 名 和 输入 框 、 水 平 排列 的 图 片 等 ， 都 可 以 采 
用 水 平 列 表 排 版 ， 并 且 通 过 margin-left 或 margin-right 来 调整 左右 间距 达到 合适 效果 ; 如 
果 垂 直 排 版 的 内 容 ， 则 需要 采用 无 序列 表 ， 通 过 margin-top 或 margin-bottom 调整 上 下 间 
距 达到 合适 的 效果 。 
(3) DIV+CSS 设计 思路 
下 面 制作 一 个 分 栏 结 构 ， 即 包含 页 头 、 导 航 栏 、 内 容 和 版 权 的 版 面 ， 如 图 5-34 所 示 。 
首先 ， 用 <div> 来 定义 页 面 结 构 。 即 定义 4 个 盒子 ， 并 让 这 些 盒子 等 宽 ， 从 上 到 下 整 
齐 排列 ， 然 后 在 整个 页 面 中 居中 对 齐 。 为 了 方便 控制 ， 再 把 这 4 个 盒子 装 进 一 个 更 大 的 盒 
子 ， 这 个 盒子 就 是 <body>。 
<body> 
<div id="header"></div> 
<div id="nav"></div> 
<div id="content"></div> 
<div id="footer"></div> 
</body> 


要 让 最 外 边 的 大 盒子 〈 装 着 小 盒子 的 大 盒子 ) 在 页 面 居 中 , 并 定义 其 宽度 为 760 像素 ， 
同时 加 上 边框 ， 那 么 它 的 样式 是 : 
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body{ 

font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 

margin: 0px auto; 

height: auto; 

width: 760px; 

border: 1px solid #006633; 

| 


内 容 <div id="content"></div> 


十 权 <div id="footer"></div> 


5-34 用 <div> 来 定义 页 面 结构 


其 次 , 用 CSS 来 美化 各 区 块 , 加 入 背景 、 线 条 边框 、 对 齐 属性 等 。 页 头 为 了 简单 起 见 ， 
整个 区 块 只 应 用 一 幅 背 景 图 即 可 ， 并 在 其 下 边界 留 下 一 定 间隙 ， 目 的 是 让 页 头 的 图 像 不 要 
和 下 面 要 做 的 导航 栏 连 在 一 起 。 导 航 栏 则 由 若干 个 小 按钮 组 成 ， 鼠 标 移 上 去 会 改变 按钮 背 
景色 和 字体 色 ， 实 际 上 这 些 按钮 就 是 用 <div> 实 现 ， 这 是 一 个 盒子 嵌 套 问题 。 内 容 部 分 主 
要 放 入 文章 内 容 ， 有 标题 和 段落 ， 标 题 加 粗 ， 为 了 规范 化 ， 采 用 五 标 签 ， 段 落 要 自动 实现 
首 行 缩 进 2 个 字 ， 同 时 所 有 内 容 看 起 来 要 和 外 层 大 盒子 边框 有 一 定 距离 ， 这 里 用 填充 。 版 
权 区 块 ， 可 以 加 个 背景 ， 与 页 头 相映 ， 里 面 文字 要 自动 居中 对 齐 。CSS 代码 如 下 : 


<style type="text/css"> 

<|-- 

et 

margin: 0px; 

padding: Opx; 

} 

body{ 

font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 

margin: Opx auto; 
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height: auto; 

width: 760px; 

border: 1px solid #006633; 
} 

#header { 

height: 100px; 

width: 760px; 
background-image: url(banner.jpg); 
background-repeat: no-repeat; 
margin:0px Opx 3px Opx:; 

} 

#nav { 

height: 25px:; 

width: 760px; 

font-size: 14px; 
list-style-type: none; 

} 

#nav li{ 

float:left; 

} 

#nav li af 

color:#000000; 
text-decoration:none; 
padding-top:4px; 
display:block; 

width:97pxi; 

height:22px; 
text-align:center; 
background-color: #009966; 
margin-left:2px; 

} 

#nav li a:hover{ 
background-color:#006633; 
color:#FFFFFF; 

} 

#content { 

height:auto; 

width: 740px; 

line-height: 1.5em; 
padding: 10px; 

} 

#content p { 
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text-indent: 2em; 
} 
#content h5 { 
font-size: 16px; 
margin: 10px; 
#footer { 
height: 50px; 
width: 740px; 
line-height: 2em; 
text-align: center; 
background-color: #009966; 
padding: 10px; 
1 
--> 


</style> 


最 后 ， 在 这 个 CSS 定义 的 盒子 内 加 上 内 容 ， 如 文字 、 


效果 如 图 5-35 所 示 。 


<body> 

<div id="header"></div> 

<ul id="nav "> 

<li><a href="#"> 首 页 </a></li> 
<li><a href="#"> 企 业 新 闻 </a></li> 
<li><a href="#"> 产 品 展 示 </a></li> 
<li><a href="#"> 企 业 简 介 </a></li> 
<li><a href="#"> 企 业 论 坛 </a></li> 
<li><a href="#"> 帮 助 </a></li> 
</ul> 

<div id="content"> 
<h5> 宏 业 简 介 </h5> 

<p> 第 一 段 内 容 </p> 
<h5> 主 要 产品 </h5> 

<p> 第 二 段 内 容 </p> 

</div> 

<div id="footer > 


图 片 等 (没有 表现 属性 的 标签 )。 


<p> 关 于 宏 业 | 宏 业 招 聘 | 宏 业 简介 | 客服 中 心 | QQ 留言 | 网 站 管理 | 会 员 登 录 | 购物 车 </p> 


<p>Copyright ©2015 CAZTC. All Rights Reserved</p> 


</div> 
</body> 
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行动 是 成 功 的 阶梯 


图 5-35 DIV+CSS 布局 页 面 效 果 


4. DIV+CSS 布局 实例 


【 例 5-3】 


使 用 DIV+CSS 布局 库 花 网 首页 (如 图 5-36 所 示 ) 


关于 我 们 。 产品 介绍 。 售后 服务 。 ”联系 我 们 


Copy lght © Kuhua Dasigns Powered by Kuhua 关于 所 们 - 各 后 防 和 - 产品 介绍 - 联系 我 们 -去 


图 5-36 库 花 网 网 站 首页 及 页 面 栏目 分 布 
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库 花 网 定位 于 小 型 电子 商务 网 站 ， 用 户 通过 该 网 站 可 了 解 库 花 品牌 旗下 鲜花 库存 信 
息 、 库 花 资 讯 及 相关 鲜花 品牌 优惠 情况 等 。 从 页 面 栏目 来 看 ， 页 面 主要 分 为 主导 航 、 焦 点 
图 轮换 、 商 品 分 类 、 侧 边栏 、 新 品 推荐 、 其 他 栏目 、 信 息 服务 与 页 尾 等 多 个 模块 。 

本 案例 将 网 站 宽度 定 为 980px。 该 页 面 结构 划分 具体 如 下 。 
导航 条 ， 具 有 按钮 特效 。Width: 960px，Height: 50px。 
焦点 图 轮换 窗口 ， 包 含 促销 推广 图 片 等 。Width: 960px，Height: 290px。 
Content 网 站 的 主要 内 容 。Width: 960px，Height: 320px。 
侧 边 框 ， 一 些 附 加 信息 。Width: 240px，Height: 280px。 
新 品 推荐 ， 新 上 架 商 品 推荐 。Width: 960px，Height: 300px。 
其 他 栏目 ， 其 他 商品 推荐 。Width: 960px，Height: 200px。 

WP ”Footer 网 站 底 栏 ， 包 含 版 权 信 息 等 。Width: 960px，Height: 60px。 

在 确定 了 网 站 整体 结构 后 ， 便 可 以 开始 库 花 网 首页 的 制作 。 部 分 步骤 如 下 : 

(1) 新 建 ndex.html 文件 ， 确 定 首页 布局 

新 建 index.html 文件 ， 并 创建 css.css 文件 ， 存 放 于 对 应 的 css 文件 夹 下 。 建 立 一 个 宽 
960px 的 区 块 ， 它 将 包含 网 站 的 所 有 元 素 。 确 定 网 站 结构 图 ， 如 图 5-37 所 示 。 


也 也 了 予 邓 了 邓 子 


wapper 


contentl 


leftWappper 


content2 


content3 


图 5-37 网 站 首页 结构 布局 
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(2) 根据 布局 ， 在 html 文件 的 <body> 和 </body> 之 间 写 入 


<div class="wapper > 

<div class="nav"> 导 航 </div> 

<div class="show"> 焦 点 图 </div> 

<div class="content1"> 

<div class="leftWapper"> 商 品 分 类 </div> 
<div class="rightWapper"> 侧 边栏 </div> 
</div> 

<div class="newGoods"> 最 新 商品 栏目 </div> 
<div class="content2"> 其 他 栏目 </div> 
<div class="content3"> 服 务 信息 </div> 
<div class="footer"> 页 尾 </div> 

</div> 


(3) 着 手 每 个 栏目 的 编写 
由 于 篇 幅 关 系 ， 这 里 仅 以 商品 分 类 栏目 、 侧 边栏 为 例 ， 简 单 介绍 一 下 代码 。 从 结构 来 
看 ， 可 以 看 到 栏目 布局 如 图 5-38 所 示 。 


ee 


rightcontent1 


leftContent 


rightcontent2 


leftWapper TightWapper 
图 5-38 网 站 栏目 布局 图 

根据 页 面 结构 ，contentl 被 分 为 leftWapper 及 rightWapper 左右 两 部 分 ，leftWapper 又 
分 为 title 及 leftContent; rightWapper 分 为 right_title、rightcontentl 及 rightcontent2， 故 页 
面 代码 如 下 : 

<div class="conten1"> 

<div class="leftWapper"> 

<div class="title"> 商 品 分 类 </div> 


<div class="leftContent"></div></div></div> 
<div class="rightWapper"> 
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<div class="right_ title"> 服 务 热线 </div> 
<div class="rightcontent1"> </div> 
<div class="right_title"> 网 站 最 新 公告 </div> 
<div class="rightcontent2"></div> 
</div> 
</div> 


对 css 文件 进行 编辑 ， 加 入 如 下 代码 : 


.conten1{ widows:960px; height:320px; margin-top:10px;} 

/*-- 商 品 分 类 、 服 务 热线 、 公 告 --begin--*/ 

.leftWapper{ width:710px; float:left; height:300px;} 

.title{ width:100%; height:35px; line-height:35px; font-size:22px; border-bottom:2px solid #aa0000; } 
.leftContent{ width:708px; height:279px; border:1px solid #e7e7e7; border-top:none} 
-rightWapper{ width:240px; height:280px; float:left; margin-left:10px; display:inline;} 
.right_title{ width:100%; height:35px;line-height:35px; font-size:18px;} 

-rightcontent1{ width:238px; height:100px; border:1px solid #e7e7e7; } 

.rightcontent2{ width:218px; height:134px; padding:5px 10px; border:1px solid #e7e7e7; } 


float 属性 定义 元 素 在 哪个 方向 浮动 ， 这 里 指定 rightWapper 右边 栏 向 左 悬 浮 ， 
margin-left:10px， 需 要 距离 leftWapper 10 个 像素 宽度 距离 。 


商品 分 类 栏目 大 体 布局 出 来 后 便 是 内 容 方面 的 细节 制作 , 根据 图 5-38 所 示 , 商品 分 类 
栏目 下 包含 3 个子 栏目 。 对 leftContent 栏目 进行 细 化 。 


从 布局 设计 上 看 ， 商 品 分 类 栏目 结构 如 图 5-39 所 示 。 


leftWapper 
title 


> leftContent 


other title|| other_content 


图 5-39 商品 分 类 栏目 结构 


从 图 5-39 可 以 看 到 ， 商 品 分 类 栏目 在 leftWapper 下 被 划分 为 title 及 leftContent 模块 ， 
leftContent 被 划分 为 lower、cake、other 3 个 模块 ， 每 个 模块 下 对 应 相应 的 title、content 
模块 ， 每 个 content 模块 下 对 应 column 列表 菜单 ， 故 网 页 代码 如 下 : 
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<div class="title"> 商 品 分 类 </div> 
<div class="|leftContent"> 
<div class="flower"> 
<div class="flower title"> 鲜 花 分 类 </div> 
<div class="flower_content"> 
<div class="flower_column"> 
<ul> 
<li class="color1"> 按 花 材 :</li> 
<li> 白 玫瑰 </li> 
<li> 水 仙 </> 
</ul> 
</div> 
<div class="flower_column"> 
<ul> 
<liclass="color1"> 按 花 材 :</li> 
<li> 白 玫瑰 </li> 
</ul> 
</div> 
<div class="flower_column"> 
<ul> 
<li class="color1"> 按 花 材 :</li> 
<li> 白 玫瑰 </li> 
</ul> 
</div> 
<div class="flower_column"> 
<ul> 
<li class="color1"> 按 花 材 :</li> 
<|i> 白 政 瑰 </li> 
</ul> 
</div> 
</div> 
</div> 
</div> 


对 CSS 样式 中 leftContent 进行 编辑 ， 如 下 所 示 : 


.leftContent{ width:708px; height:279px; border:1px solid #e7e7e7; border-top:none} 

.flower{ width:708px; height:115px; padding-top:5px; border-bottom:1px dashed #e7e7e7; } 
.flower_title{ width:15px; padding:10px 10px Opx 10px; font-size:14px; height:100px; float:left;} 
.flower_content{ width:673px; height:100px; float:left} 

-flower_column{ width:673px; height:16px; padding:6px Opx; } 

.flower_column ul li{height:14px;padding:0px 5px; line-height:14px; border-right:1px solid #c3c3c3; 
float:left; display:inline } 
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修改 后 商品 分 类 栏目 页 面 呈 现 如 图 5-40 所 示 。 


5-40 ”商品 分 类 栏目 


评 。 按 花 村 : | 白 玫瑰 | 水 仙 | 红 玫瑰 | 白 玫 开 | 水 仙 | 红 玫瑰 | 白 玫瑰 | 水 仙 | 红 玫瑰 白 玫瑰 水 仙 
花 “ 按 花 材 ; | 白 玫瑰 | 水 仙 | 红 玫 瑰 | 白 玫瑰 | 水 仙 | 红 玫 瑰 | 白 玫瑰 | 水 仙 | 红 玫 瑰 | 白 玫瑰 | 水 仙 
分 按 花 材 ; | 白 玫瑰 | 水 仙 | 红 玫 瑰 | 白 玫瑰 | 水 仙 | 红 玫瑰 | 白 玫瑰 | 水 仙 | 红 玫 魂 | 白 玫 媒 | 水仙 
按 花 材 : | 白 玫 瑰 | 水 仙 | 红 玫 瑰 | 白 玖 瑰 | 水 仙 | 红 玖 瑰 | 白 玫 瑰 | 水 仙 | 红 玫 瑰 | 白 玫瑰 | 水 仙 
按 花 材 ; | 白 玖 瑰 | 水 仙 | 红 玖 瑰 | 白 玖 瑰 | 水 仙 | 红 玫瑰 | 白 玫瑰 | 水 仙 | 红 玫 瑰 | 白 玫 媒 | 水 仙 
按 花 材 ; | 白 玖 瑰 | 水 仙 | 红 玫 瑰 | 白 玖 瑰 | 水 仙 | 红 玫瑰 | 白 玫瑰 | 水 仙 | 红 玫 瑰 | 白 玫 瑰 | 水 仙 
按 花 材 : | 白 玫 瑰 | 水 仙 | 红 玫 瑰 | 白 玫 瑰 | 水 仙 | 红 玫 瑰 | 白 玫 瑰 | 水仙 | 红 玫 瑰 “ 白 玫瑰 | 水 仙 
按 花 材 : | 白 玫瑰 | 水 仙 | 红 玫 瑰 | 白 玫瑰 | 水 仙 | 红 玫瑰 | 白 玫瑰 | 水 仙 | 红 玫 瑰 白 玫瑰 | 水 仙 
按 花 材 : | 白 玫 瑰 | 水 仙 | 红 玫 瑰 | 白 玫 瑰 | 水 仙 | 红 玫 瑰 | 白 玫 瑰 | 水仙 红 玫 瑰 “ 白 玫瑰 | 水 仙 


时 凋 六 站 颖 国 


5-41 ”商品 分 类 栏目 


从 图 5-38 侧 边栏 布局 上 看 ， 侧 边栏 被 分 为 两 个 栏目 ， 一 个 是 服务 热线 栏目 ， 另 一 个 为 
网 站 最 新 公告 ， 结 构 如 图 5-42 所 示 。 


right title 


Tight_contentl 


Tight_title 


right news 


图 5-42 ” 侧 边 栏 栏目 结构 
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<div class="rightWapper"> 
<div class="right_title"> 服 务 热线 </div> 
<div class="right_content1"> 
<div class="hour">24 小 时 订购 热线 .</div> 
<div class="call">029-12345678</div> 
<div class="sina"> 鲜 花 </div> 
</div> 
<div class="right_title"> 网 站 最 新 公告 </div> 
<div class="right_content2"> 
<div class="rightNews"> 
<ul> 
<li> 的 风格 和 发 帖 工 具 和 一 个 恰 </li> 
<li> 的 风格 和 发 帖 工 具 和 一 个 愉 </li> 
<li> 的 风格 和 发 帖 工 具 和 一 个 愉 </li> 
<li> 的 风格 和 发 帖 工 具 和 一 个 愉 </li> 
<li> 的 风格 和 发 帖 工 具 和 一 个 愉 </li> 
</ul> 
</div> 
<div class="more"> 更 多 ...</div> 
</div> 
</div> 


侧 边栏 CSS 代码 如 下 : 


.rightWapper{ width:240px; height:280px; float:left; margin-left:10px; display:inline;} 

.right_title{ width:100%; height:35px;line-height:35px; font-size:18px;} 

.rightcontent1{ width:238px; height:100px:; 
background:url(../images/right_bg.png) repeat-x;border:1px solid #e7e7e7; } 

.hour{ width:218px; margin-top:5px; padding:0px 10px; font-size:14px} 

.Call{ width:198px; height:21px; line-height:21px; margin:10px; background:url(../images/call.png) 

no-repeat; padding-left:20px; font-size:20px;color:#a90909} 

.Sina{ width:200px; height:16px;margin:0px 10px; 

padding-left:18px; font-size:14px; background:url(../images/sina.png) no-repeat;} 

.rightcontent2{ width:218px; height:134px; padding:5px 10px; background:url(../images/right_ 

bg.png) repeat-x;border:1px solid #e7e7e7; } 

.rightNews{ width:218px; } 

-rightNews ul li{ height:14px; width:210x; line-height:14px; margin-top:8px; 
background:url(../images/point.png) no-repeat; padding-left:18px;} 

.more{ width:100%; height:14px; line-height:14px; text-align:right} 


最 终 样式 呈现 如 图 5-43 所 示 。 
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服务 热线 
24 小 时 订购 热线 . 
029-12345678 
辆 党 花 


网 站 最 新 公告 


图 5-43 ” 侧 边栏 


5.5 表单 制作 


一 个 完整 的 表单 由 两 部 分 组 成 : 一 是 使 用 HIML 语言 编写 的 网 页 界面 , 其 中 包含 了 用 
于 收集 信息 的 各 类 表单 对 象 ， 二 是 应 用 程序 ， 可 以 是 服务 器 端的 ， 也 可 以 是 客户 端的 ， 用 
于 对 客户 信息 进行 分 析 人 处理。 

Dreamweaver CS3 创建 表单 的 功能 非常 强大 ， 其 表单 工具 栏 如 图 5-44 所 示 。 


| 了 蚤 入 党 用 | 布局 表单 ”数据 | Spry | 文本 | 收藏 交 


日 | 口 护 图 | 加 回回 | 园 团 | 国 回 口 | 加 品 |B 忆 马 国 
图 5-44 表单 工具 栏 

1.， 创建 表单 

在 Dreamweaver CS3 中 可 以 创建 各 种 各 样 的 表单 。 表 单 中 可 以 包含 各 种 对 象 ， 如 文本 
域 、 按 钮 和 列表 等 。 

(1) 将 插入 点 放 在 希望 表单 出 现 的 位 置 ， 选 择 【 插 入 】 一 【表单 】 命 令 ,或 选择 【 插 
入 】 栏 中 的 【表单 】 类 别 ， 然 后 单 击 【表单 】 图 标 回 。 

(2) 选中 表单 ， 在 属性 面板 上 设置 表单 的 各 项 属性 ， 如 图 5-45 所 示 。 


本 
副 表单 名 称 动作 局 目标 ~ 
foral 方法 POST MME 类 型 - 


5-45 ”表单 属性 面板 


沙 【动作 】: 指定 处 理 该 表单 的 动态 或 脚本 的 路 径 。 
沙 【方法 】: 选择 将 表单 数据 传输 到 服务 器 的 方式 。POST 方式 表示 将 在 HTTP 请 
求 中 嵌入 表单 数据 。GET 方式 则 是 将 值 附加 到 请 求 该 页 的 URL 中 。 
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2. 表单 的 应 用 


【 例 5-4】 制作 个 人 信息 调查 表 (如 图 5-46 所 示 ) 

(1) 新 建 网 页 文件 diaochabiao htm1， 插 入 
表单 ,此 时 窗口 出 现 一 个 红色 虚线 框 。 将 光标 置 个 人 信息 调查 表 
于 表单 域 中 ， 插 入 1 个 表格 : 9 行 1 列 , 宽 为 is:[ | 
400px， 边框 为 1， 其 他 为 0 居中。 选中 所 有 单 。 3: Ox 


元 格 ， 设 置 高 为 30px， 垂 直 居中 。 ES 
(2 ) 在 单元 格 中 输入 相应 的 文字 信息 。 将 i 口 网 上 支付 口 邮局 汇款 口 手机 支付 
光标 移 到 表格 第 2 行 的 文字 右 侧 , 插入 面板 组 中 DD mm Dax 


Beil: ] 


表单 选项 下 的 【文本 字段 】 按 钮 ,在 属性 面板 中 。 寺村: 
设置 文本 域名 称 为 name。 同 理 ， 在 第 5 行 和 第 
7 行 也 插入 文本 字段 ， 名 称 分 别 为 password 和 ] 
email。 第 8 行 也 为 文本 字段 ， 但 要 设 定 属性 类 本 i 
型 为 “多 行 "， 名 称 为 note。 | 

(3 ) 将 光标 移 到 第 3 行文 字 右 侧 插入 单 选 按钮 组 ， 在 弹出 的 对 话 框 中 设置 标签 和 值 
均 为 男 、 女 。 此 时 按钮 组 垂直 排列 ， 切 换 到 代码 视图 ， 删 除 <br> 标 记 ， 即 可 排 成 一 行 。 

(4) 在 第 4 行 年 月 日 前 分 别 插入 【列表 /菜单 】 按 钮 ， 在 属性 面板 中 设 为 “列表 "， 名 
称 为 yearmonth,day。 在 【列表 值 】 对 话 框 中 添加 标签 和 值 分 别 为 1991、1992、1993。 月 
和 日 的 设 定 同 理 。 

(5) 在 第 6 行 的 付费 项 目 中 分 别 单 击 【 表 单 】 选 项 下 的 【 复 选 框 】 按 钮 ， 在 属性 面 
板 的 【 选 定 值 〗 中 输入 相应 的 支付 项 目 名 称 。 

(6) 将 光标 移 到 第 9 行 ， 在 【表单 】 选 项 下 单 击 【按钮 】 图 标 插入 一 个 按钮 ， 在 属 
性 面板 中 设置 【 值 】 为 “提交 ”,【 动 作 】 为 “提交 表单 ”。 重复 上 述 操作 ,插入 第 2 个 按 
钮 ,将 【按钮 】 值 改 为 “ 重 置 ",【 动 作 】 改 为 “ 重 设 表单 ”。 

(7) 调整 单元 格 中 文字 及 表单 对 象 的 位 置 ， 设 置 表 格 的 【背景 颜色 】 为 眶 EEEEE， 
按 F12 键 预览 。 


5.6 模板 应 用 


很 多 网 页 中 都 会 用 到 相同 的 元 素 , 如 文字 、 版式 等 , 要 做 到 这 一 点 并 且 避 免 重 复 劳动 ， 
可 以 采用 网 页 模板 来 实现 。 

模板 是 能 够 生成 其 他 网 页 样板 的 特殊 网 页 。 模 板 文件 的 显著 特征 是 分 为 可 编辑 区 域 和 
锁定 区 域 两 个 部 分 。 锁 定 区 域 用 来 锁定 网 站 风格 ， 是 相对 固定 、 不 可 改变 的 ; 可 编辑 区 域 
用 来 定义 网 页 的 具体 内 容 。 使 用 模板 建立 网 页 时 ， 用 户 只 需 编辑 可 编辑 区 域 即 可 ， 网 站 的 
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维护 由 此 变 得 简单 。 

1， 模 板 的 创建 

创建 模板 有 两 种 方法 : 一 是 将 现 有 文件 另存 为 模板 ， 二 是 在 【新 建文 件 】 对 话 框 中 选 
择 【 空 模板 】 这 里 以 第 一 种 方法 为 例 来 建立 模板 。 

2.， 模板 的 应 用 

【 例 5-5】 利用 企业 产品 页 面 建立 模板 

(1) 打开 要 制作 模板 的 网 页 chp.html， 如 图 5-47 所 示 。 


玫 丰 电子 机 条 1 四 
有 限 公 司 


他 502 也 闻 09 型 一 \ 型 多 提 体 移动 讲台 
季 动 讲台 村 点 ,万象 多 所 仁 移动 讲台 设计 新 闫 移动 方便 
功能 齐全 ( 岂 笑 :数字 展示 各 ;490X450 、 角度 凋 节 式 投影 
抽 、19 二 、17 二 澳 遇 加 未 器 、 电 腑 主机、 小 和 和 限 标 抽 
王 长 445、 中 央 控 制 器 、 曾 条 和 设备) 操作 漳 单 、 管 理 便捷 
;一 下 动 二 可 以 名 间 教室 使用 ,让 您 用 服 少 和 资金 每 司 
二 室 邵 认 记 多 可 体 电 租 室 ,让 作 的 信 刀 伯 电 设备 高 负 率 的 
ee - -小 用 ,让 您 很 方 备 89 操 作 和 管理 > 
注 ; ( 客户 可 自己 选择 展台 或 量 示 器 位 置 ! 不 用 可 不 需要 打 
沂 、 也 IHR 要 [9 雪人 用。) 

外 型 尺寸 ; 长 x 寓 x 高 关闭 ;600X850x 975) 


联系 地 址 : 河北 省 玖 丰 电 子 机 讶 有 限 公司 
电话 : 0317-1234567 传真 : 0317-6234567 


图 5-47 企业 产品 页 

(2 ) 可 编辑 区 域 的 建立 与 取消 。 将 光标 定位 在 要 建立 可 编辑 区 域 的 位 置 ， 选 择 企业 
产品 名 称 “09 型 一 A 型 多 媒体 移动 讲台 ”， 如 图 5-48 所 示 。 

单 击 插入 面板 的 【常用 】 选 项 中 的 按钮 右边 的 向 下 箭头 ， 在 弹出 的 菜单 中 选择 回 ， 建 
立 可 编辑 区 域 。 系 统 提示 “Dreamweaver 会 将 此 文档 转换 为 模板 ”， 单 击 【 确 定 】 按 钮 ， 修 
改 可 编辑 区 域 为 “产品 名 称 "。 单 击 【 确 定 】 按 钮 ， 至 此 ， 可 编辑 区 域 创建 完成 。 

用 同样 的 办 法 将 正文 区 域 中 的 产品 图 片 、 产 品 特点 定义 为 可 编辑 区 域 ,如 图 5-49 所 示 。 

将 光标 置 于 要 删除 的 可 编辑 区 域 ,选择 【修改 】 一 【模板 】 一 【删除 模板 标志 】 命 令 ， 
即 可 删除 该 可 编辑 区 域 。 

(3 ) 保存 模板 。 选 择 【 文 件 】 一 【另存 为 模板 】 命 令 ， 取 名 为 chp.dwt。 

(4 ) 利用 所 建 模板 建立 chp2.html 文件 。 选 择 【 文 件 】 一 【新 建 】 命 令 ， 打 开 【 新 建 
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文档 】 对 话 框 ， 在 【模板 中 的 页 】 选 项 卡 中 选择 【模板 】 所 在 的 站 点 ， 再 在 右 侧 选 择 模板 
chp.dwt。 单 击 【 创 建 】 按 钮 ， 即 可 创建 基于 模板 的 网 页 。 网 页 中 的 可 编辑 区 域 被 套 上 蓝 色 
边框 ， 只 有 可 编辑 区 域 的 内 容 能 够 编辑 。 然 后 ， 删 除 可 编辑 区 域内 空 的 页 面 。 


Edithegionl 
ce 一 一下 产 品名 称 


方便 功能 齐全 ; (包括 ; 歼 字 展示 各 :430X450 、 角度 
调节 式 投影 机 、 19 寸 、17 寸 液晶 显示 器 、 电脑 主机 、 | 
小 键盘 和 鼠标 抽 居 总 长 445 、 中 央 控制 器 、 瘟 箱 等 设 | 
向 ) 操 作 简单 、 管 理 便捷 ,一 喜 移动 讲 桌 可 以 多 间 教 室 | 
全 用 , 让 匈 用 最 少 的 资金 把 每 间 孝 室 者 变 成 条 可 体 电教 | 


图 5-48 选择 区 域 图 5-49 可 编辑 区 域 
在 产品 名 称 、 图 片 、 产 品 特点 等 处 可 编辑 区 域 输入 另 一 产品 的 名 称 和 特点 的 信息 ， 将 
光标 定位 在 “产品 图 片 ”位 置 ， 插 入 该 产品 图 片 。 
(5 ) 将 网 页 保存 为 chp2.html。 按 F12 键 预览 。 
说 明 : 模板 实际 上 也 是 一 种 文档 ， 它 的 扩展 名 是 .dwt， 存 放 在 站 点 目录 下 的 Templates 
文件 夹 中 。 该 文件 夹 将 在 保存 新 模板 时 由 Dreamweaver 自动 创建 。 


3， 通 过 更 新 模板 来 更 新 网 页 


通过 模板 创建 网 页 可 以 方便 快捷 地 建立 格式 相同 的 一 组 网 页 ， 而 在 网 页 的 维护 中 ， 如 
果 需 要 修改 该 组 网 页 的 共同 部 分 ， 则 可 以 通过 更 新 模板 来 更 新 本 组 网 页 。 


IOs 


一 、 简 答题 


如 何在 Dreamweaver CS3 中 定义 站 点 ? 

如 何在 Dreamweaver CS3 的 文件 面板 中 新 建文 件 夹 和 文件 ? 

如 何 使 网 页 中 插入 的 Flash 动画 背景 透明 ? 

如 何 使 用 表格 进行 布局 ? 布局 时 应 注意 哪些 问题 ? 

简 述 框架 和 框架 集 的 区 别 。 

二 、 选 择 题 

1. 如 果 要 使 用 CSS 样式 将 文本 样式 定义 为 粗 体 ， 则 需要 设计 〈 ) 文本 属性 。 
A. font-family B. font-style C. font-weight D. font-size 

2. 使 用 Dreamweaver CS3 创建 站 点 ， 叙 述 不 正确 的 是 ( Dl 

A. 站 点 中 的 文件 和 文件 夹 命名 最 好 用 英文 或 英文 和 数字 的 组 合 

B. 网 页 文件 应 分 类 存 入 不 同文 件 夹 


DD 一 
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C. 必须 首先 创建 站 点 ， 才 能 创建 网 页 文件 
D. 静态 文件 的 默认 扩展 名 为 .htm 或 .html 
3.〈 ”) 的 设置 对 于 搜索 引擎 在 互联 网 上 搜索 到 网 页 没有 帮助 。 


A. 关键 字 B. META C. 图 片 的 ALT 说 明  D. 图 片 的 尺寸 
4. 超 链 接 标 记 具 有 4 种 不 同 的 状态 ， 下 列 不 属于 标记 状态 的 是 〈 禾 
A. a:active 活动 的 链接 B. 鼠标 移 到 链接 对 象 上 的 状态 a:hover 
C. alink 链接 初始 状态 D. 没有 访问 过 的 链接 a:unvisited 
$5 下面 ) 是 Dreamweaver CS3 的 模板 文件 的 扩展 名 。 
A. .html B. .htm C. .dwt D: et 


6. 如 果 在 表格 中 设置 背景 图 像 后 又 在 该 表格 的 某 一 单元 格 中 设置 了 背景 颜色 ， 那 么 
下 面 说 法 中 正确 的 是 (  )。 
A. 表格 背景 图 像 将 失去 意义 
B. 表格 中 的 背景 图 像 将 完全 被 单元 格 颜色 取代 
C. 表格 中 的 背景 图 像 依然 存在 ， 但 该 单元 格 中 只 显示 单元 格 的 背景 颜色 
D. 单元 格 中 的 背景 颜色 无 效 
7. 下 列 ( ”) 不 是 单元 格 的 水 平 对 齐 方式 之 一 。 


A. 两 端 对 齐 B. 默认 C. 居中 对 齐 D. 右 对 齐 
8. 一 个 有 3 个 框架 的 Web 页 实际 上 至 少 有 (〈 ”， 个 独立 的 HTML 文件 。 
起 二 B. 3 C.4 了 .和 
9. 文档 标题 可 在 〈 ) 对 话 框 中 修改 。 
A. 首选 参数 B. 页 面 属性 C. 编辑 站 点 D. 标签 编辑 器 
10. Dreamweaver CS3 启动 浏览 器 进行 网 页 预览 的 快捷 键 是 〈 )。 
A. F2 B. F4 C. F12 D. FS8 
和 
一 、 实 训 目 的 


1. 掌握 Dreamweaver CS3 的 基本 编辑 ， 如 文字 设置 、 图 片 插入 、 超 链接 等 。 
掌握 在 Dreamweaver CS3 中 创建 和 管理 站 点 的 方法 。 

能 综合 利用 表格 、 框 架 等 工具 制作 小 型 的 静态 网 站 。 

二 、 实 训 内 容 

1. 利用 Dreamweaver CS3 重新 完成 第 4 章 中 的 技能 实 训 第 1 一 4 题 。 


2. 根据 教材 中 提供 的 实例 和 素材 ， 模 仿制 作 万 象 园 - 玖 丰 企业 网 站 。 
方法 和 步骤 如 下 。 


DD 
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(1) 观察 网 页 布局 (必要 时 查看 源 代码 )， 记 录 页 面 布局 由 几 个 表格 组 成 ， 如 何 典 套 ， 
并 记录 相关 参数 。 

(2) 利用 表格 模仿 制作 网 页 布局 。 

(3) 插入 文本 和 相关 图 片 。 

(4) 分 析 素 材 网 页 中 的 样式 和 其 他 效果 ， 并 尝试 自己 去 实现 。 

(5) 按 F12 键 预览 ， 比 较 差 异 ， 并 进行 修改 。 

3. 制作 个 人 信息 调查 表 。 

4. 根据 教材 中 提供 的 素材 ， 制 作 某 企 业 网 站 ， 如 图 5-50 所 示 。 
器 


河北 省 去 让 凶 料 厂 座 营 在 华北 最 大 的 药 包 材 基 地， 我 三 志 站 生 产 


也 装 疡 品 * 我 三 生产 的 于 村 竹 主 要 应 用 于 医药 包装 、 医 院 检 褒 、 日 用 
化 工 、 兽药 、 负 品 、 议 料 等 害 十 


保健 品 强 料 站 我 | 拥有 匈 台 精密 电脑 主妇 机 、 吹 比 机 莓 生产 设备 ， 可 生产 保健 
训 品 关 村 天 、 语 水 名 村 系 、 眼 药水 源 、 潜 发 水 匠 、 太 宝 头 、 农 药 头 、 粉 
齐 际 、 化 快 品 刻 村 启 等 ， 并 夭 近 各 种 噶 型 滞 的 加 工作 选 站 务 * 


5-50 ” 某 企 业 网 站 首页 
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Nn) 
NE [学 9 目标 ] 
CD 了 解 静 态 网 页 与 动态 网 页 的 区 别 。 
@ 掌握 搭建 Web 程序 开发 环境 的 方法 。 
@ 掌握 在 Dreamweaver 中 运行 和 调试 ASP 程序 的 方法 。 
@ 掌握 VBScript 语言 基本 语句 的 使 用 。 
@ 掌握 ASP 内 置 对 象 的 常用 属性 和 方法 。 


我 们 知道 ， 一 个 电子 商务 网 站 是 由 大 量 的 网 页 组 成 的 ， 其 中 包括 静态 网 页 和 动态 网 页 
两 大 类 。 动 态 网 页 由 于 具有 交互 性 和 自动 更 新 功能 而 被 许多 网 站 采用 。 本 章 将 介绍 ASP 
动态 网 页 制作 的 相关 基础 知识 。 


6.1 静态 网 页 与 动态 网 页 的 区 别 


1.， 静态 网 页 


静态 网 页 ， 即 网 页 文件 中 没有 服务 器 端 运行 的 程序 代码 , 只 有 HTML 标记 。 前面 章 节 
学 习 制作 的 网 页 都 是 静态 网 页 , 这 种 网 页 的 扩展 名 通常 是 .html 或 htm。 静态 网 页 一 经 完成 ， 
内 容 不 会 再 有 变化 ， 不 管 何 时 何人 访问 ， 看 到 的 都 是 同样 的 内 容 。 如 果 要 修改 网 页 内 容 ， 
需要 重新 修改 源 文件 ， 然 后 重新 上 传 到 服务 器 。 早 期 的 网 站 一 般 都 是 由 静态 网 页 制作 的 。 
各 种 动态 的 效果 ， 如 GIF 格式 的 动画 、Flash、 滚 动 字幕 等 ， 都 只 是 视觉 上 的 ， 与 下 面 将 要 
介绍 的 动态 网 页 是 不 同 的 概念 。 

静态 网 页 的 优点 是 内 容 相 对 稳定 ， 因 此 容易 被 搜索 引擎 检索 。 缺 点 主要 有 两 个 : 一 是 
不 易 维护 ， 由 于 没有 数据 库 的 支持 ， 静 态 网 页 在 网 站 制作 和 维护 方面 工作 量 较 大 ， 必 须 不 
断 地 重复 制作 HTML 文档 , 随 着 网 站 内 容 和 信息 量 的 日 益 扩 增 , 更 新 网 站 会 变 得 越 来 越 困 
难 ; 二 是 不 能 实现 和 浏览 网 页 的 用 户 之 间 的 交互 ， 信 息 流向 是 单 向 的 ， 即 从 服务 器 端 到 客 
户 端的 浏览 器 。 其 工作 原理 如 图 6-1 所 示 。 

2. 动态 网 页 


所 谓 “ 动 态 ”， 并 不 是 指 那 几 个 放 在 网 页 上 的 GIF 动态 图 片 ， 而 是 说 网 页 文件 中 不 仅 
含有 HIML 标记 , 而 且 含 有 服务 器 端 运 行 的 程序 代码 。 网 页 的 扩展 名 一 般 根据 程序 设计 语 
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言 的 不 同 而 不 同 ， 如 ASP 文件 的 扩展 名 为 .asp。 


区 | 1. 接受 请 求 
2. 找到 网 页 
叶 一 | 3. 发 送 网 页 
i 发 回 网 页 
服务 器 端 


图 6-1 静态 网 页 的 工作 原理 


动态 网 页 具有 两 方面 的 特性 : 一 是 “交互 性 ”， 即 网 页 会 根据 用 户 的 要 求 和 选择 而 动 
态 改 变 和 响应 ; 二 是 “自动 更 新 ” 即 无 须 手 动 地 更 新 网 页 文档 ， 通 过 前 台 的 用 户 参 与 及 


网 站 的 后 台 管 理 ， 能 自动 生成 新 的 页 面 ， 大 大 降低 了 工作 量 。 常 见 的 BBS、 用 户 注册 、 订 


单 管理 及 留言 板 一 般 都 是 由 动态 网 页 实现 的 ， 如 图 6-2 所 示 。 


发 出 请 求 ， 接 受 请 求 
， 找 到 动态 网 页 
， 执 行程 序 代 码 ， 

生成 动态 网 页 
4. 发 回 网 页 


Wo- 


发 回 网 页 
客户 端 服务 器 端 


6-2 动态 网 页 的 工作 原理 


静态 网 页 是 网 站 建设 的 基础 ， 静 态 网 页 和 动态 网 页 之 间 也 并 不 矛盾 。 为 了 适应 搜索 引 
擎 检索 的 需要 ， 网 站 即使 采用 动态 网 站 技术 ， 也 可 以 将 网 页 内 容 转换 为 静态 网 页 发 布 。 网 
站 还 可 以 采用 静 动 结合 的 原则 ， 适 合 采 用 动态 网 页 的 地 方 用 动态 网 页 ， 适 合 使 用 静态 网 页 
的 地 方 可 以 考虑 用 静态 网 页 的 方法 来 实现 ， 在 同一 个 网 站 上 ， 动态 网 页 内 容 和 静态 网 页 内 


容 同 时 存在 也 是 很 常见 的 事情 。 
下 面 看 一 个 简单 的 例子 ， 认 识 一 下 动态 网 页 。 
【 例 6-1】 制作 最 简单 的 动态 网 页 


<html><head><title> 欢 迎 你 的 来 访 </title></head> 
<body> 
<% 
Dima 
a=" 你 的 来 访 日 期 是 : " & date() 
Response.write a 
9%> 
</body> 
</html> 


电子 商务 网 站 建设 与 管理 (第 2 版 ) 
将 以 上 文件 保存 为 6-1.asp。 显 然 ， 与 静态 网 页 都 是 由 HTML 标记 组 成 相 比 ， 此 文件 
中 多 了 一 部 分 <% %> 代 码 ， 这 一 部 分 就 是 由 服务 器 来 执行 的 ASP 程序 代码 。 
说 明 : 在 ASP 程序 中 ， 字 母 不 区 分 大 小 写 。 在 本 书 的 后 面 程序 中 ， 有 的 地 方 用 大 写 ， 
主要 是 为 了 突出 语法 ， 方 便 理解 。 建 议 大 家 在 程序 中 统一 用 小 写字 母 。 


6.2 ”搭建 Web 程序 开发 环境 


要 运行 ASP 程序 ， 服 务 器 端 需要 安装 Web 服务 器 软件 ， 即 Pntemet 信息 服务 IS (Intemet 
Information Server 的 缩写 )， 主 要 包括 WWW 服务 器 、FTP 服务 器 等 。IIS 是 微软 公司 主推 
的 Web 服务 器 之 一 。Windows 2000 Advanced Server 和 Windows XP 操作 系统 中 已 经 包含 
了 IIS 5.0，Windows Server 2003 操作 系统 中 已 经 包含 了 IS 6.0，Windows 7 的 系统 中 也 集 
成 了 IIS 7.0。 在 自己 的 计算 机 中 安装 上 IS， 就 可 以 用 本 地 计算 机 作为 服务 器 ， 建 立 强大 、 
灵活 而 安全 的 Intemet 和 Intranet 站 点 。 


6.2.1 安装 11S 和 配置 11S 


1. 安装 IIS 


Windows 7 中 已 经 自 带 了 IS， 只 需要 在 控制 面板 中 打开 即 可 。 
选择 【开始 】 一 【控制 面板 】 一 【程序 】 一 【程序 和 功能 】 一 【打开 或 关闭 Windows 
功能 】 一 【Intemet 信息 服务 】 命 令 ， 并 对 其 中 功能 作 相应 勾 选 ， 如 图 6-3 所 示 。 


Windows- 
打开 或 关闭 Windows 功能 
车 要 打开 一 种 功能 ， 庆 渤 择 其 复 选 杠 。 去 要 关闭 一 种 功能 ， 请 清除 其 复 渤 框 。 填充 的 框 表 


日 国有 具 应 情妇 序 开发 功能 
国 瞩 .NET 扩展 性 
国有 Asp 
I) ASPNET 


图 6-3 打开 Windows 7 的 IIS 
下 面 主要 介绍 在 Windows XP 操作 系统 上 安装 IIS 的 具体 步 又 。 
(1) 选择 【开始 】 一 【控制 面板 】 命 令 ， 打 开 【 控 制 面板 】 窗 口 ， 如 图 6-4 所 示 。 
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文件 四 ”编辑 下 ”查看 凶 中 高 由 工具 中 帮助 如 

EO. 起 | 有 Par Exix 国 - 图 

地 址 0) 控制 面板 | BEE 链接 尹 | 
[LT 篇 多 愿 @ 也 ha 外 蕊 

J te mt ede eidie 人 
四 3 内 关 图 


La 


在 务 计划 


a 
a 
多 


语音 


图 6-4 安装 IIS (一 ) 


(2) 双击 【添加 或 删除 程序 】 选 项 ， 弹 出 【添加 或 删除 程序 】 对 话 框 ， 单 击 对 话 框 
左边 的 【添加 /删除 Windows 组 件 】 按 钮 ， 弹 出 【Windows 组 件 向 导 】 对 话 框 ， 并 在 该 对 
话 框 中 选中 【Intemet 信息 服务 (IIS)】 复 选 框 ， 如 图 6-5 所 示 。 单 击 【 详 细 信息 】 按 钮 ， 
查看 IS 所 包括 的 组 件 。 


品 语 加 下 剔除 程序 
当前 安装 的 程序 更新 0 提取 万 式 G); | 吾 条 
出 Windovs 组 件 向 导 x 大 小 


Wintews 钥 件 
可 以 索 加 区 辽 Windowx XP 9 姐 件 。 


他 
明生 


| 


图 6-5 安装 lIS (二 ) 


(3) 插入 Windows XP 系统 光盘 ， 并 单 击 【下 一 步 】 按 钮 ， 进 入 安装 界面 ， 如 图 6-6 
所 示 。 
(4) 安装 完成 后 ， 显 示 【 完 成 “Windows 组 件 向 导 ’】 界 面 ， 单 击 【 完 成 】 按 钮 即 可 
完成 IS 的 安装 过 程 ， 如 图 6-7 所 示 。 
安装 完毕 后 , 可 在 正 浏览 器 地 址 栏 中 输入 “http:/Wlocalhost” 并 按 Enter 键 ， 如 显示 IIS 
欢迎 页 面 ， 则 表明 IS 已 经 成 功 安装 。 
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区 Windovs 组 件 向 导 
正在 配置 组 = 守成 < 四 
安装 程序 正在 根据 您 的 请 求 ， 进行 配置 更 改 。 完成 “Windows 组 件 向 导 


您 已 成 功 地 完成 了 Windows 组 件 向 导 。 
4 请 稍 收 ， 安 装 程 序 正在 配置 组 件 。 所 花 时 间 取 决 于 迁 定 的 组 件 。 


状态 。 正在 准备 安装 
[ 


请 单 击 “ 完 成 ”来 关闭 此 向 导 , 


图 6-6 安装 IIS (三 ) 图 6-7 安装 lIS (四 ) 
2， 配置 IIS 


下 面 介 绍 在 Windows XP 操作 系统 中 配置 IS 的 具体 步 又。 
(1) 打开 控制 面板 ， 双 击 管理 工具 ， 打 开 【Internet 信息 服务 】 窗 口 ， 依 次 展开 【本 
地 计算 机 】 一 【网 站 】 一 【默认 网 站 】)， 如 图 6-8 所 示 。 


EE Internet 信息 服务 
文件 到 ) ” 换 作 属 ) 查看 WD 帮助 0 
画 品 鲜明 
2]Internet 信息 服务 六 | 计算 机 本 地 | 版 本 

5 曼 红 -SFD2B750611E (本 地 计算 机 ) 圭 C2-5FD2B750811E [本 地 计算 机 ) 是 IIS W5.1 


昌国 网 站 
而 默 认 网 站 


le > 


6-8 【Internet 信息 服务 】 窗 口 


(2) 右 击 【 默 认 网 站 】， 在 弹出 的 快捷 菜单 中 选择 【属性 】 命 令 ， 弹 出 【默认 网 站 属 
性 】 对 话 框 ， 此 时 已 经 显示 了 【网 站 】 选 项 卡 的 配置 ， 如 图 6-9 所 示 。 在 【网 站 】 选 项 卡 
中 可 以 配置 IS 的 瑟 地 址 、TCP 端口 等 属性 ， 系 统 的 默认 值 分 别 为 “全 部 未 分 配 ” 和 “80”。 

(3) 选择 【 主 目录 】 选 项 卡 。 该 选项 卡 可 以 设置 IS 的 本 地 路 径 的 各 种 属性 ， 如 访问 
路 径 、 访 问 权 限 等 ， 如 图 6-10 所 示 。IIS 的 本 地 路 径 默认 主 目录 为 Ci\inetpub\Wwwwroot。 
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默认 网 站 居 性 区 | 医 
I0IP 头 服务 器 扩展 
】 IST WE 主 目录 | 目录 安全 
这 按 到 陵 源 时 的 内 容 末 源 
的 本 G) 区 人 
?地 址 I) [这 部 未 分 配 ) 癌 [高 级 四 )， 加 下定 和 到 WLW SE 
TCP 请 口 CD) leo 
本 地 路 径 人 ) er \inetpub\wewroot | CO 
连接 = 口 和 本 资源 访问 加) 回 记录 访问 四 
连接 超时 0D 本 900] 秒 回 读 取 名) 回 索引 资源 避 ) 
回 保持 )TTP 连接 到) 了 
回 局 用 日 志 记录 包 ) ENR a 
活动 格式 办 。 应 用 程序 名 他， 鞭 认 左 用 程序 | CC 
lsc 扩展 日 志文 件 格式 _ 国 开始 位 置 各 认 网 站 > i | 
执行 权限 EE) EL | 
应 用 程序 保护 和 D: | 中 共用) 国 | 放 
[EL 和 FE 了 3 EE 珊 助 
图 6-9 【默认 网 站 属性 】 对 话 框 图 6-10 设置 主 目录 


(4) 设置 默认 文档 。 默 认 文 档 常 称 为 “首页 ”， 一 般 作为 网 站 的 入 口 页 面 。 一 般 以 
index.htm、default.asp 等 页 面 作为 默认 文档 。 还 可 以 添加 index.html、index.asp 等 文档 ， 使 
之 成 为 默认 文档 ， 如 图 6-11 所 示 。 


3. 浏览 ASP 文件 


仍 以 例 6-1.asp 文件 为 例 ， 将 6-1.asp 文件 复制 到 主 目录 Ci\inetpub\wwwroot 下 ， 有 两 
种 方法 可 以 浏览 6-1.asp 文件 。 第 一 种 方法 是 在 浏览 器 中 输入 “http://localhost/6-1.asp”， 或 
者 输入 “http:// 计 算 机 名 /6-1.asp”， 按 Enter 键 运行 ， 结 果 如 图 6-12 所 示 。 第 二 种 方法 是 在 
IIS 的 窗口 中 找到 该 文件 ， 右 击 文件 ， 在 弹出 的 快捷 菜单 中 选择 【浏览 】 命 令 ， 也 可 查看 
网 页 效果 。 


黑 认 网 站 属性 ?[x 
JTTF 头 自 定义 错误 | 服务 器 扩展 
| 网 站 ISAPI 第 选 器 主 目录 文档 目录 安全 性 
回馈 用 默认 文档 C) 
国 ee ET 
inde htm 
国语 遇 CD 
癌 启用 文档 页 靶 上 ) 


于 欢迎 你 的 来 访 - Microsoft Intern... 医 | 回 |] 必 | 


其 加 时 认 文档 


文件 中， 编 得 @) 查看 W 收 总 风 工具 CD ” 大 
@ 右 -日 - 国 加 所 “ 


默认 文档 名 0) 
index asp 


CE Cw ] 


地 址 四 ) | 御 http:7/localhost/6-l.asp ”加 轩 到 链接 


你 的 来 访 日 期 是 ，2011-7-10 


C 二 四 C 吕 Co CC 协 四 ED EE 
6-11 ”添加 默认 文档 6-12 ” 例 6-1 运行 结果 
思考 : 如 果 在 主 目录 下 建立 子 文件 夹 , 将 上 述 ASP 文件 移 到 子 文件 夹 中 ， 如 何 访 问 ? 
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4. 添加 虚拟 目录 


在 本 地 计算 机 上 制作 网 站 ， 人 们 不 一 定 将 网 站 保存 在 主 目录 下 ， 更 多 情况 是 放 在 其 他 
目录 下 。 例 如 ， 将 站 点 存放 在 E:\asplx。 此 时 ， 要 发 布 我们 的 网 站 ， 就 需要 建立 虚拟 目录 。 

目录 分 为 两 种 类 型 ， 即 物理 目录 和 虚拟 目录 。 物 理 目 录 是 位 于 计算 机 物理 文件 系统 中 
的 目录 ， 它 可 以 包含 文件 及 其 他 目录 。 虚 拟 目录 是 在 IS 中 指定 并 映射 到 本 地 或 远程 服务 
器 上 的 物理 目录 的 目录 名 称 。 建 立 虚拟 目录 的 步 又 如 下 。 

(1) 打开 【Intemet 信息 服务 】 窗 口 ， 右 击 【 默 认 网 站 】 节 点 ， 在 弹出 的 快捷 菜单 中 选 
择 【 新 建 】 一 【虚拟 目录 】 命 令 ， 弹 出 【虚拟 目录 创建 向 导 】 对 话 框 ， 如 图 6-13 所 示 。 

(2) 单 击 【下 一 步 】 按 钮 ， 出 现 【虚拟 目录 别名 】 界 面 ， 在 【别名 】 文 本 框 中 输入 
“mysite”， 如 图 6-14 所 示 。 


虚拟 目录 创建 向 导 谨 拟 目录 创建 向 导 
欢迎 使 用 虚拟 目录 创建 向 导 虚拟 目录 别名 


必须 为 虚 拆 目 录 提 供 一 个 简短 的 名 称 歌唱 名 ,以 便于 快速 引用 。 
Web 问 权 阮 站 
和 是 


此 向 导 格 帮助 悠 在 网 站 上 新 建 一 个 虚拟 目录 。 


别名 内 ) 


Prsite 


单 击 “ 下 一 步 ” 按 钮 继续 
my 名 
图 6-13 【虚拟 目录 创建 向 导 】 对 话 框 图 6-14 创建 虚拟 目录 mysite (一 ) 


(3) 单 击 【下 一 步 】 按 钮 ， 设 置 网 站 的 真实 物理 路 径 为 E:\asplx， 如 图 6-15 所 示 。 
(4) 单 击 【 下 一 步 】 按 钮 ， 并 设置 访问 网 站 的 权限 为 “ 读 取 ” 和 “运行 脚本 ” 如 
图 6-16 所 示 。 


谎 拟 目录 创建 向 导 碟 拟 目录 创建 向 导 
网 站 内 容 目录 访问 权限 

要 发 到 网 站 上 的 内 容 的 位 置 ， 设置 多 拟 目录 的 访问 权限 。 

输入 内 容 所 在 的 目录 路 径 。 A 

目录 中 万 读 取 四 

Ei\asplx 浏览 EB) 民 运行 肚 本 (0 ASP) G) 
厂 执行 各 ISAFI 应 用 程序 或 CGI) (E) 
"AW 
厂 浏览 @) 
单 击 “ 下 一 步 "” 按 钮 完成 褒 导 - 

‘+ [FEE 取消 
图 6-15 创建 虚拟 目录 mysite (二 ) 图 6-16 创建 虚拟 目录 mysite (三 ) 
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(5) 单 击 【 下 一 步 】 按 钮 ， 完 成 虚拟 目录 的 创建 ， 如 图 6-17 所 示 。 此 时 ， 虚 拟 目 录 
mysite 和 物理 路 径 E:\asplx 就 建立 了 映射 关系 。 


虚拟 目录 创建 向 导 


6-17 ”创建 虚拟 目录 mysite 〈 四 ) 


虚拟 目录 建立 以 后 ， 就 可 以 在 地 址 栏 中 访问 网 站 了 。 访 问 形 式 有 如 下 几 种 。 
”http://localhost/ 虚 拟 目 录 名 /网 页 文件 名 。 

”http:// 计 算 机 名 字 / 虚 拟 目 录 名 /网 页 文件 名 。 

”http:// 计 算 机 的 IP 地 址 /虚拟 目录 名 /网 页 文件 名 。 


6.2.2 在 Dreamweaver 中 运行 ASP 程序 


Dreamweaver 不 仅 可 以 用 来 制作 静态 网 页 文档 , 而 且 它 还 是 调试 和 运行 动态 ASP 程序 
的 强大 利器 。 当 然 ， 这 里 有 一 个 前 提 ， 就 是 首先 要 在 Dreamweaver 中 建立 测试 服务 器 。 这 
里 仍 选 择 Dreamweaver CS3 版 本 进行 介绍 。 

假定 把 ASP 程序 文件 放 在 E:\mysite 文件 夹 下 ， 并 且 在 IIS 中 已 经 建立 了 虚拟 目录 
mysite 映射 到 物理 路 径 E:mysite 文件 夹 。 

在 Dreamweaver CS3 中 建立 测试 服务 器 的 方法 和 步骤 如 下 。 

(1) 启动 Dreamweaver CS3， 选 择 【站 点 】 一 【管理 站 点 】 命 令 ， 在 打开 的 对 话 框 中 
单 击 【 新 建 】 按 钮 ， 开 始 新 建站 点 。 

(2) 设置 测试 服务 器 ， 有 【基本 】 和 【高 级 】 两 种 方式 ， 这 里 以 【基本 】 方 式 进行 
站 点 定义 ， 如 图 6-18 所 示 。 

输入 站 点 名 字 myweb， 该 名 字 只 起 着 识别 的 作用 ， 与 本 地 站 点 或 远程 站 点 保存 文件 的 
文件 夹 名 字 以 及 网 站 发 布 后 真实 的 名 字 无 关 , 但 最 好 还 是 使 用 具有 一 定 意义 的 英文 作为 站 
点 名 。 站 点 URL 输入 “http://localhost/mysite”， 然 后 单 击 【 下 一 步 】 按 钮 。 

(3) 如 图 6-19 所 示 ， 静 态 网 站 不 需要 使 用 服务 器 技术 ， 但 现在 运行 的 是 动态 网 页 ， 
因此 应 选中 【是 ， 我 想 使 用 服务 器 技术 。】 单 选 按钮 ， 并 选择 ASP VBScript 服务 器 技术 ， 
单 击 【下 一 步 】 按 钮 。 
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hehe Drewmrerer C53 中 是 文件 和 文件 的 全 合 ， 它 对 应 于 服务 吕 上 的 eb 站 
您 打算 为 的 站 点 起 什么 名 字 ? 

eb 

示例 : mySite 

83 让 点 的 JaTP 地 址 mL) 是 tb 
http’//localhost/mysite 

示例 : http: /fwew._ myost. con/nySite 


6-18 ”站 点 定义 (一) 


编辑 文件 ， 第 2 部 分 


您 是 否 打算 使 用 服务 器 技术 ,如 ColdFusion、ASP. WET、ASP、JSP 或 PHP? 
否 ， 我 不 想 全 用 甩 务 器 枯 术 。 中) 
回 是 ， 我 担 使 用 服务 器 技术 。 0 


哪 种 服务 器 技术 ? () 
[As Yhseript 


6-19 站 点 定义 〈 二 ) 


(4) 如 图 6-20 所 示 ， 通 常 选中 【在 本 地 进行 编辑 和 测试 】 单 选 按钮 。 然 后 ， 在 下 面 
的 文本 框 中 选择 站 点 文件 在 本 地 硬盘 上 的 保存 位 置 或 直接 输入 站 点 路 径 ， 单 击 【下 一 步 】 
按钮 。 


编辑 文件 , 第 3 部 分 了 + | 


在 开发 过 程 中 ， 您 打算 如 何 使 用 您 的 文件 了 


辐 在 本 地 进行 编辑 和 出 开 A 加 ) 
在 本 地 进行 编辑 ， 然 后 上 传 到 运程 列 试 服务 器 0 
使 用 本 地 网 络 直 接 在 远程 油 坛 服务 器 上 进行 编辑 i 


您 将 把 文件 存储 在 计算 机 上 的 什么 位 置 ? 
E:\nysitd 已 


图 6-20 ”站 点 定义 (三) 
(5) 如 图 6-21 所 示 , 询问 用 什么 URL 浏览 站 点 根 目 录 , 在 文本 框 中 输入 “http://localhost/ 
mysite/”， 继续 单 击 【 下 一 步 】 按 钮 。 
(6) 如 图 6-22 所 示 ， 询 问 是 否 使 用 远程 服务 器 ， 选 中 【和 否 】 单 选 按钮 ， 单 击 【下 一 
步 】 按 钮 。 
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[= 


ameaver 《如 阿 浏 览 行 通信 ， 因 
bt 人 tt 同 浏 览 器 》 与 您 的 到 试 服务 器 进行 通 | 此 它 委 要 知道 


您 应 该 使 用 什么 VRL 来 浏览 站 点 的 根 目录 ? 0) 
http:V/localhostyaysite/l 
示例 : http://ServerOne/ReotFolder/ 


WRLC) 


图 6-21 站 点 定义 (四 ) 


和 该 计算 机 可 能 是 您 与 团队 成 
是 的 ， 我 要 使 用 远程 服务 器 (7) 
司 否 四) 


图 6-22 站 点 定义 〈 五 ) 


(7) 如 图 6-23 所 示 ， 站 点 定义 完成 ， 并 显示 站 点 的 总 结 信息 ， 包 括 本 地 信息 、 远 程 
信息 和 测试 服务 器 信息 。 


您 和 9 站 点 包含 以 下 设置 


本 地 信息 
站 点 名 称 : myweb 
本 地 根 文件 夹 ; PE: \nysite\ 


远程 信息 

访问 : 我 桂 在 以 后 完成 此 设置 
到 试 服务 器 - 

访问 ;本 地 /网 络 

远 庙 文件 夹 :E: vaysite\ 


可 以 使 用 "高 级 选 硕 卡 对 您 的 站 点 进行 进一步 配置 。 


上 - 步 @)] | 庄 成 0) ][ 取消 ][ 前 助 ] 
图 6-23 站 点 定义 《六 ) 


至 此 ， 站 点 myweb 和 测试 服务 器 搭建 完毕 。 这 样 ， 可 以 在 Dreamweaver CS3 中 预览 
ASP 程序 ， 而 不 必 在 正 浏览 器 的 地 址 栏 中 输入 URL 来 运行 。 
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6.3 ”动态 网 站 制作 基础 一 一 VBScript 语言 


6.3.1 VBScript 概述 


1， 简介 


ASP 本 身 并 不 是 一 种 脚本 语言 ， 但 它 却 为 嵌入 HTML 页 面 中 的 脚本 语言 提供 了 运行 
环境 。 在 ASP 程序 中 常用 的 脚本 语言 有 VBScript 和 JavaScript 等 语言 ， 系 统 默认 的 语言 ; 
VBScript。 

VBScript 语言 直接 来 源 于 Visual Basic， 是 Visual Basic 的 一 个 子 集 ， 编 程 方法 和 
Visual Basic 基本 相同 。 它 具有 简单 易学 、 使 用 灵活 、 标 准 规则 开放 、 与 ActiveX 控件 紧密 
结合 、 功 能 强大 等 特点 。 


2. VBScript 的 语法 格式 


VBScript 脚本 语言 既 可 以 在 服务 器 端 执 行 , 也 可 以 在 客户 端 执行 。 不 过 , 就 ASP 来 讲 ， 
其 中 的 VBScript 都 是 放 在 服务 器 端 执 行 的。 具体 方法 有 以 下 两 种 。 
方法 一 : <%VBScript 代码 %> 
方法 二 : <Script Language="VBScript" Runat="Server"> 
VBScript 代码 
</Script> 
说 明 : 
(1) 这 两 种 方法 没有 本 质 区 别 ， 一 般 使 用 方法 一 ， 方 法 二 很 少 使 用 。 
(2) 如 果 VBScript 代码 是 在 客户 端 执行 ， 语 法 格式 如 下 : 
<Script Language="VBScript" > 
VBScript 代码 
</Script> 
(3) 如 果 在 某 一 单个 页 面 指定 脚本 语言 ， 可 在 文件 初始 部 分 用 一 条 声明 语句 进行 指 
定 。 需 要 特别 注意 的 是 ， 该 语句 一 定 要 放 在 所 有 语句 之 前 ， 语 句 格式 如 下 : 
<%@ Language="VBScript" %> 


6.3.2 ”数据 类 型 与 运算 符 


1， 数 据 类 型 


VBScript 只 提供 了 一 种 数据 类 型 ， 即 变 体 类 型 (Variant)。 可 以 根据 用 途 的 需要 选择 
最 合适 的 子 类 型 ， 如 整 型 、 布 尔 类 型 、 字 符 串 类 型 等 来 存储 数据 。 在 程序 中 ， 可 以 使 用 
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VBScript 的 Vartype() 函 数 来 返回 Variant 数据 的 子 类 型 。 
2. 运算 符 


VBScript 的 运算 符 包括 算术 运算 符 、 逻 辑 运算 符 、 连 接 运算 符 和 比较 运算 符 。 

(1) 算术 运算 符 : 加 (+)、 减 (-)、 乘 (*)、 除 (/)、 取 余 (Mod)、 求 宗 0“ ) 及 
整除 (\) 等 。 

(2) 逻辑 运算 符 : 逻辑 与 (And)、 逻 辑 或 〈Or)、 逮 辑 非 (Not) 和 逻辑 异 或 (Xor)。 
其 返回 值 为 真 (True) 或 假 (False)。 

(3) 字符 串 〈 连 接 ) 运算 符 : 广 和 +。 

(4) 比较 运算 符 : 等 于 (=)、 不 等 于 (<>)、 小 于 (<)、 大 于 (>)、 小 于 等 于 (<=)、 
大 于 等 于 (>=)。 


6.3.3 ”变量 与 常量 


1， 定 义 常量 


在 程序 运行 过 程 中 ， 其 值 不 能 被 改变 的 量 称 为 常量 。 常 量 有 两 种 : 一 种 是 直接 常 
量 ， 如 100 是 一 个 整数 常量 ， 另 一 种 是 符号 常量 ， 在 定义 符号 常量 时 要 用 到 Const 语句 ， 
例如 : 


<% 


Const Pl=3.1415926 ' 表 示 数 值 型 常量 
Const str1=" 电 子 商 务 " ' 表 示 字 符 串 型 常量 
Const birthday=#1992-6-6# ' 表 示 日 期 型 常量 
%> 


注意 : 如 果 定 义 的 常量 为 字符 串 ， 则 要 用 双 引 号 引起 ; 如 果 定义 的 常量 为 日 期 (时间 )》 
子 类 型 ， 要 用 符号 # 括 起 。 


2， 变 量 的 声明 与 赋值 
什么 是 变量 呢 ? 先 看 下 面 这 段 代 码 : 


<% 
a="asp 很 有 用 ， 我 一 定好 好 学 " 
Response.Write a 

%> 


代码 中 ， 把 a 看 成 一 个 盒子 ， 先 将 字符 串 “asp 很 有 用 ， 我 一 定好 好 学 ” 装 进 盒子 a 


， 而 Response.Write a 则 相当 于 将 盒子 a 里 的 东西 输出 。 这 里 ，a 就 是 一 个 变量 。 
变量 为 计算 机 内 存 中 的 一 块 空间 ， 在 这 个 空间 中 ， 可 以 保存 程序 执行 过 程 中 所 产生 的 


lm 
器 
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VBScript 中 的 数据 类 型 只 有 Variant 一 种 ， 所 以 变量 的 类 型 也 都 是 Variant 类 型 的 。 将 
整数 数据 指定 给 变量 ， 该 变量 就 是 整数 变量 ; 指定 日 期 给 该 变量 ， 该 变量 就 是 日 期 类 型 的 
变量 。 

变量 的 命名 规则 如 下 。 

(1) 必须 以 英文 字母 开头 ， 且 只 可 以 使 用 字母 、 数 字 和 下 划 线 的 组 合 。 
(2) 变量 名 称 的 长 度 不 能 超过 255 个 字符 。 

(3) 在 定义 的 有 效 范围 中 必须 是 唯一 的 。 

(4) 不 能 与 VBScript 的 关键 词 相同 。 

变量 的 定义 用 Dim， 称 “ 显 式 声明 ”如 Dim x,y,z。 

变量 如 果 没 有 定义 直接 使 用 ， 则 称 为 “ 隐 式 声明 ”。 不 用 声明 即 可 使 用 ， 看 起 来 很 方 
便 ， 但 是 其 实 也 可 能 引起 不 必要 的 麻烦 。 如 果 在 程序 中 不 小 心 输 错 了 变量 名 ， 自 然 会 引起 
程序 错误 ， 而 这 种 错误 很 难 发 现 。 所 以 ， 建 议 在 以 后 的 编程 中 ， 尽 量 养 成 “ 先 声明 后 使 用 ” 
的 习惯 。 在 ASP 程序 中 ， 强 制 要 求 所 有 的 变量 必须 先 声明 才能 使 用 。 方 法 如 下 : 在 ASP 
文件 中 所 有 的 脚本 语句 之 前 添加 <%Option Explicit%> 语 句 。 

3， 数组 的 定义 


定义 数组 与 变量 类 似 ， 只 是 在 变量 名 后 加 0， 在 0 中 加 入 数字 (这 个 数字 总 是 比 数组 元 
素 个 数 少 一 个 ， 因 为 在 VBScript 中 数组 元 素 的 下 标 是 从 0 开始 的 )。 例 如 : 
<% 
Dim a(2) ' 定 义 一 个 元 素数 为 3 的 数组 
A(0)=1 ' 给 第 1 个 数组 元 素 a(0) 赋 值 
A(1)=10 ' 给 第 2 个 数组 元 素 a(1) 赋 值 
A(2)=20 ' 给 第 3 个 数组 元 素 a(2) 赋 值 
%> 


上 面 的 代码 中 声明 了 数组 a, 数组 a 有 3 个 元 素 , 每 个 元 素 都 可 作为 一 个 普通 变量 使 用 。 
VBScript 还 可 以 定义 变 长 数组 。 即 在 程序 运行 过 程 中 可 以 动态 地 改变 数组 的 大 小 ， 这 
里 要 用 到 Redim 关键 字 。 例 如 : 


<% Dim a() %> 

当 需 要 使 用 时 ， 可 以 用 Redim 语句 重新 声明 该 数组 。 例 如 : 
<% 

Redim a(3) ' 重 声明 数组 ， 长 度 为 4 

A(3)=100 

Redim a(5) ' 重 声明 数组 ， 长 度 为 6 


A(5)=300 
%> 
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说 明 : 定义 变 长 数组 的 方法 与 普通 数组 类 似 , 只 是 括号 中 不 指明 长 度 。 当 需要 使 用 时 ， 
可 任意 多 次 重 声 明 ， 但 要 注意 ， 重 声明 后 ， 原 有 的 数值 将 全 部 清空 。 如 果 希 望 保留 ， 可 以 


使 用 Preserve 关键 字 。 例 如 : 


<% Redim Preserve a(3) %> 


6.3.4 函数 与 过 程 


所 谓 函 数 ， 指 的 是 一 段 用 来 表示 完成 某 种 特定 的 运算 或 功能 的 程序 ， 并 返回 一 个 函数 
值 。VBScript 提供 了 大 量 的 内 置 函数 ， 大 家 不 用 关心 它 内 部 具体 是 如 何 实现 的 ， 只 要 在 程 


序 中 会 引用 即 可 。 下 面 介绍 最 常用 的 内 置 函数 。 
1， 函数 


(1) 数学 函数 。 

@ 取 绝 对 值 。 

格式 : Abs(< 数 值 表达 式 >) 

@ 取 整 : 返回 数值 表达 式 的 整数 部 分 。 

格式 Int(< 数 值 表达 式 >) 

图 求 随机 数 : 返回 一 个 小 于 1 大 于 0 的 随机 数 。 
格式 : Rnd() 

【 例 6-2】 产生 1~10 之 间 的 随机 数 


<html> 
<body> 
<% 
randomize timer() ' 初 始 化 随机 数 生成 器 
temp=int(10*rnd())+1 "产生 1 一 10 之 间 的 整数 
Response.Write temp 
9%> 
</body> 
</html> 


说 明 : randomize timer0 语 句 用 于 初始 化 随机 和 种子， 否则 产生 的 随机 值 都 一 样 。 


(2) 字符 串 函 数 。 在 ASP 程序 开发 中 ， 用 得 最 多 的 还 是 字符 串 。 如 用 户 注册 时 的 
用 户 名 、 口 令 , 还 有 发 布 的 企业 新 闻 的 标题 、 内 容 等 信息 都 是 作为 字符 串 处 理 的 。 VBScript 
提供 了 大 量 的 字符 串 函数 ， 如 表 6-1 所 示 。 使 用 这 些 函 数 可 完成 字符 串 的 截取 与 替换 等 


操作 。 
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表 6-1 常用 的 字符 串 函数 及 用 法 


函数 功 能 用 法 
Len(string) 返回 字符 串 string 的 长 度 如 Len("hello") 返 回 5 
Trim(strin 将 字符 串 string 前 后 的 空格 去 掉 | 如 Trim(" hello ") 返 回 "hello" 
Mid(str, start, len) ep om -a Wa 如 Mid("VB Script is fun!", 4, 6) 返 回 "Script" 
Left(str, len 从 左边 取 len 个 字符 如 Left(hello", 3) 返 回 "hel" 
Right(str, len 从 右边 取 len 个 字符 如 Righthello", 3) 返 回 "llo" 


返回 str2 在 strl 中 第 一 次 出 现 的 


人 位 置 ， 两 字符 串 相同 返回 0 


如 Instr("hello", "ell) 返 回 2 


如 Split("VBScriptXisXfun!","X") 返 回 数据 
元 素 分 别 为 VBScript、is 和 fun 
如 Replace("VBVB","B", "C") 返 回 "VCVC" 


Split(strl, 符 号 ) 根据 符号 将 strl 拆 分 成 一 维 数组 


Replace(strl,str2,str3) | 将 strl 中 的 str2 全 部 换 成 str3 
(3) 日 期 函数 。 论 坛 发 帖 、 发 布 新 闻 都 需要 用 到 日 期 和 时 间 函 数 来 得 到 各 种 格式 的 


日 期 和 时 间 。 常 用 的 日 期 和 时 间 函 数 如 表 6-2 所 示 。 
表 6-2 常用 的 日 期 和 时 间 函 数 及 用 法 


函数 功 能 用 法 
Now0 得 到 系统 当前 的 日 期 和 时 间 ”| 如 Now0 返 回 当前 日 期 和 时 间 
Date 得 到 系统 的 日 期 如 Date0 返 回 “年 : 月 : 日 ” 
Time0 得 到 系统 的 时 间 如 Time0 返 回 “ 时 : 分 : 秒 ” 
Year(Date) 取得 Date 中 的 年 如 Year(#2008-10-1 圾 返回 2008 
Month(Date) 取得 Date 中 的 月 如 Month(#2008-10-1 圾 返回 10 
Day(Date) 取得 Date 中 的 日 如 Day(#2008-10-1#) 返 回 1 
WeekDay(Date) 取得 Date 中 的 日 期 是 星期 几 如 虹 沪 时 期 大 疡 运 加 加 果 古 早期 站 国 2 

依 此 类 推 
如 果 str 是 yyyy, 则 计算 年 间隔 , m 计算 月 间隔 ， 

DateDifie"str" d1.42) eo 和 由 之 间 的 | d 计算 日 间隔 ，ww 计算 星期 间隔 ，h 代表 小 时 


间隔 ，s 代表 秒 间隔 


如 果 是 DateAdd("yyyy",15.Date0), 则 返回 15 年 
以 后 的 日 期 。 如 果 yyyy 变 成 d， 则 计算 15 天 以 
后 的 日 期 


返回 d2 加 上 dl， 其 中 dl 的 


DateAdd("str",d1,d2) 单位 根据 str 的 不 同 而 不 同 


【 例 6-3】 计算 距离 某 天 还 有 多 少 天 


<html> 
<body> 
<% 
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response.write formatdatetime(date(),vblongdate) 
numtemp=datediff("d",date(),#1/1/2013#) 
Response.Write "距离 2013 还 有 : "&numtemp&" 天 " 
%> 
</body> 
</html> 


(4) 检验 函数 。 有 时 需要 判断 一 个 变量 究竟 是 什么 数据 子 类 型 ， 此 时 就 要 用 到 检验 


函数 ， 如 表 6-3 所 示 。 
表 6-3 检验 函数 及 用 法 


用 法 


本 
, 返回 0 表示 空 ，2 表示 整数 ，7 表示 日 期 ，8 表示 字符 串 ， 
VarType(Variant) ”| 检查 变量 Variant 的 值 11 表示 布尔 变量 ，8192 表示 数组 


2. VBScript 过 程 

本 节 已 经 学 习 了 很 多 内 置 函数 ， 但 仍 有 很 多 情况 没有 现成 的 函数 可 用 ， 这 时 就 需要 我 
们 自己 编制 过 程 。 在 VBScript 中 ， 过 程 有 两 种 : 一 种 是 Sub 子 程序 ， 另 一 种 是 Function 
函数 。 两 者 的 区 别 在 于 前 者 只 执行 程序 不 返回 值 ， 而 后 者 会 返回 值 。 

(1) Sub 子 程序 。Sub 子 程序 的 语法 格式 如 下 : 

Sub 子 程序 名 ([ 形 参 1, 形 参 2,…]) 


IsNumeric(11) 返 回 True 
IsDate(Date0) 返 回 Tme 
IsNull(Nul) 返 回 True 

IsEmpty(Empty) 返 回 Trme 
IsArray( 数 组 名 ) 返 回 True 


IsNumeric(Variant) 


IsArray(Variant) 


End Sub 
说 明 : 如 果 Sub 子 程序 无 任何 形式 参数 ，Sub 语句 中 也 必须 使 用 空 括号 。 
调用 Sub 子 程序 有 以 下 两 种 方式 。 
@ Call 子 程序 名 ([ 实 参 1, 实 参 2,…]) 
@ 子 程序 名 [ 实 参 1, 实 参 2,…] 
【 例 6-4】 求 两 个 数 的 平方 和 


<html> 
<body> 
<% 
dim m,n,sum 
m=3 
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n=4 
pingfanghe m,n 
sub pingfanghe(a,b) 
sum=a^2+b^2 
Response.Write "a 与 b 的 平方 和 :"&cstr(sum) 
end sub 
%> 
</body> 
</html> 


(2) Function 函数 。Function 函数 的 语法 格式 如 下 : 
Function 函数 名 〔〈[ 形 参 1, 形 参 2…]) 


End Function 
说 明 : 调用 Function 的 语法 和 前 面 的 函数 一 样 。 
【 例 6-5】 仍 求 两 个 数 的 平方 和 


<html> 
<body> 
<% 
dim m,n,sum 
m=3 
n=4 
sum=pingfanghe(m,n) 
Response.Write(" 平 方 和 :"&sum) 
function pingfanghe(a,b) 
dim sum0 
Sum0=a^2+b^2 
pingfanghe=sum0 
end function 
%> 
</body> 
</html> 


(3) 子 程序 和 函数 的 位 置 。 子 程序 和 函数 的 位 置 也 可 以 放 在 另外 一 个 ASP 文件 中 。 
如 上 面 的 例 6-5 也 可 以 改写 成 以 下 两 个 ASP 文件 。 
【 例 6-6】 主 程序 6-6.asp 和 function.asp 
主 程序 (6-6.asp) 代码 如 下 : 
<!-- #include file="function.asp" --> 
<html> 


<body> 
<% 
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dim m,n,sum 
m=3 
n=4 
sum=pingfanghe(m,n) 
Response.Write(" 平 方 和 :"&sum) 
%> 
</body> 
</html> 


function.asp 代码 如 下 : 


<% 
function pingfanghe(a,b) 
dim sum0 
sum0=a^2+b^2 
pingfanghe=sum0 
end function 
%> 
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说 明 : 利用 上 述 方法 可 将 常用 的 函数 都 放 在 一 个 文件 中 ， 然 后 在 其 他 文件 中 需要 时 用 


#include file 命令 包含 该 文件 即 可 ， 可 大 大 提高 效率 。 
6.3.5 “控制 语句 


程序 的 基本 结构 有 3 种 。 第 一 种 ， 如 前 面 的 例子 中 的 程序 语句 基本 上 是 一 条 一 条 按 顺 


1.， 条件 控 制 语句 


序 进 行 的 ， 这 样 的 语句 叫做 顺序 语句 。 第 二 种 ， 在 程序 执行 过 程 中 ， 还 经 常 需要 先 判断 ， 
然后 决定 执行 哪 一 段 程序 ,， 即 条 件 控制 , 如 用 户 注册 时 , 判断 用 户 填写 的 密码 是 否 正确 等 。 
第 三 种 ， 要 求 计算 机 重复 做 某 一 件 事情 ， 直 到 某 一 条 件 成 立 或 不 成 立 为 止 ， 也 就 是 所 谓 的 
循环 控制 。 下 面 介绍 后 两 种 控制 语句 。 


条 件 控制 语句 的 特点 是 根据 所 给 定 的 选择 条 件 为 真 〈《 即 条 件 成 立 ) 或 为 假 ， 而 决定 从 


各 分 支 中 执行 某 一 分 支 的 相应 操作 。 


(1) If…then… 形 式 
格式 : If 条 件 表达 式 then 程序 语句 


功能 : 若 条 件 成 立 ， 执 行 then 后 面 的 程序 语句 ， 否 则 跳 过 继续 执行 下 一 条 语句 。 


(2) If…then…end If 形式 
格式 : If 条 件 表达 式 then 
程序 语句 组 
end If 
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功能 : 若 条 件 成 立 , 执行 then 后 面 的 程序 语句 组 , 否则 跳 过 继续 执行 下 一 条 语句 。“ 语 
句 组 ”可 以 是 一 条 语句 ， 也 可 以 是 多 条 语句 。 
(3) If…then…else…end If 形式 
格式 : If 条 件 表达 式 then 
程序 语句 组 1 
else 
程序 语句 组 2 
end If 
功能 : 若 条 件 成 立 , 执行 then 后 面 的 程序 语句 组 , 否则 跳 过 继续 执行 下 一 条 语句 。“ 语 
句 组 ”可 以 是 一 条 语句 ， 也 可 以 是 多 条 语句 。 
(4) If…then…else If…then…else…end If 形式 
格式 : If 条 件 表达 式 1 then 
程序 语句 组 1 
else If 条 件 表达 式 2 then 
程序 语句 组 2 


else 
程序 语句 组 n 
end If 
功能 : 若 条 件 1 成 立 , 执行 then 后 面 的 程序 语句 组 1, 然后 跳出 让 语句 , 继续 执行 end 
让 之 后 的 语句 ， 否 则 计算 条 件 表达 式 2， 若 为 Tue， 执 行程 序 语句 组 2， 然后 跳出 站 语句 …… 
若 条 件 都 不 成 立 ， 执 行程 序 语句 组 n。 
(5) Select Case 语句 
格式 : Select Case 表达 式 
Case 结果 1 
程序 语句 组 1 
Case 结果 2 
程序 语句 组 2 


Case 结果 nm 
程序 语句 组 n 
Case else 
程序 语句 组 n+1 
End Select 
功能 : 首先 计算 表达 式 ， 然 后 将 运算 结果 依次 与 结果 1 到 结果 进行 比较 ， 当 找到 相 
等 结果 时 , 就 执行 该 程序 语句 组 , 执行 完毕 就 跳出 Select Case 语句 , 继续 执行 End Select 
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之 后 的 语句 。 当 运算 结果 与 所 有 结果 都 不 相等 时 , 执行 Case else 后 面 的 程序 语句 组 n+1。 
说 明 : 多 条 件 采用 Hf…then…else…end If 形式 比较 复杂 , 不 好 理解 。 这 时 可 采用 Select 
Case， 以 使 程序 更 简洁 。 
【 例 6-7】 设计 一 程序 ， 实 现 根 据 学 生 学 号 判断 其 所 在 专业 


<% Option Explicit %> 
<html> 
<body> 
<% 
Dim number,num 
number="05132356" ' 简 单 起 见 ， 这 里 直接 赋值 ， 一 般 应 从 页 面 上 读 取 
num=mid(number,4,1) 'number 中 的 第 4 位 代表 专业 
Select Case num 
Case "1" 
Response.Write "会 计 学 专业 " 
Case "2" 
Response.Write "计算 机 专业 " 
Case "3" 
Response.Write "电子 商务 专业 " 
Case else 
Response.Write "你 的 学 号 输 错 了 !“" 
End Select 
%> 
</body> 
</html> 


2. 循环 控制 语句 


(1) For…Next 循环 
格式 : For 循环 变量 = 初 值 to 终 值 [step 步 长 ] 
执行 语句 
Next 
执行 过 程 : 假定 步 长 为 正 。 先 将 初 值 赋 给 循环 变量 ,， 如果 初 值 小 于 终 值 ， 进 入 循环 体 ， 
执行 体内 的 语句 。 然 后 执行 Next 语句 ， 循 环 变 量 增加 一 个 步 长 ， 继 续 与 终 值 比 较 ， 如 果 
仍 小 于 终 值 ， 则 开始 第 二 次 循环 。 周 而 复 始 ， 直 到 初 值 超出 终 值 ， 循 环 结束 。 
【 例 6-8】 计算 1+2+3+…+100 
主要 代码 如 下 : 


<% 
Dim sum,i 
Sum=0 
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for i=1 to 100 
sum=sum+i 
next 
Response.Write "1+2+3+...+100="&sum 
%> 


(2) Do…Loop 循环 
格式 Do While 条 件 
执行 语句 
Loop 
【 例 6-9】 利用 Do…Loop 循环 计算 1+2+3+*…+100 


<% 
Dim sum,i 
Sum=0 
Do while i<=100 
sum=sumt+i 
i=i+1 
loop 
= Response.Write "1+2+3+...+100="&sum 
%> 
说 明 : Do 循环 还 有 另外 一 种 形式 ， 即 : 
Do 
执行 语句 
Loop While 
这 种 循环 执行 时 先 执行 语句 ， 然 后 进行 测试 ， 如 果 条 件 为 False， 则 跳 过 循环 体 ; 若 为 
True， 再 重复 执行 循环 体内 的 语句 ， 直 到 条 件 变 为 False 退出 循环 。 
(3) For Each…Next 循环 
这 是 一 种 特殊 的 循环 ， 既 不 指定 循环 次 数 ， 也 不 指定 循环 条 件 ， 而 是 对 集合 中 的 元 素 
进行 枚 举 ， 当 枚 举 结束 后 退出 循环 。 
语法 : 
For Each 元 素 In 集合 
程序 语句 组 
Next 


6.4 Response 对 象 与 Request 对 象 


实现 动态 网 站 的 各 种 功能 , 仅 有 脚本 语言 是 不 够 的 , 还 需要 利用 ASP 的 内 置 对 象 。 在 
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ASP 中 ,提供 了 许多 强大 的 对 象 ， 这 些 对 象 不 需要 经 过 声明 或 创建 可 直接 使 用 。 一 般 情况 
下 ， 并 不 需要 知道 这 些 对 象 内 部 的 工作 原理 ， 只 要 掌握 它们 的 属性 、 方 法 ， 完 成 编程 要 求 
即 可 。 常 用 的 5 大 内 置 对 象 如 下 。 

(1) Response 对 象 : 将 信息 发 送 给 客户 端 浏 览 器 。 

(2) Request 对 象 ; 获取 客户 端的 信息 。 

(3) Application 对 象 : 存储 一 个 应 用 程序 中 所 有 用 户 之 间 共 享 的 信息 。 

(4) Session 对 象 存储 单个 用 户 的 信息 。 

(5) Server 对 象 : 提供 服务 器 端的 许多 应 用 函数 ， 如 创建 对 象 和 组 件 等 。 


6.4.1 利用 Response 对 象 向 客户 端 输出 信息 


在 前 面 学 习 VBScript 语言 时 , 很 多 例子 中 使 用 Response.Write 方法 向 客户 端 输出 信息 ， 
实际 上 ，Response 对 象 的 功能 还 有 很 多 ， 如 重 定向 到 另 一 个 URL、 设 置 Cookie 的 值 等 。 
下 面 重 点 介绍 Response 对 象 的 常用 方法 和 属性 。 


1. Write 方法 


Write 方法 是 最 常用 的 方法 之 一 ， 可 以 将 指定 的 信息 从 服务 器 端 发 送 到 客户 端 输出 。 
语法 如 下 : 
Response.Write 字符 串 或 表达 式 
事实 上 ， 如 果 输 出 的 信息 不 是 字符 串 信 息 ，ASP 会 自动 将 其 转换 为 字符 串 。 
【 例 6-10】 利用 Write 方法 输出 信息 

<% 
Response.Write "欢迎 来 到 我 们 的 网 站 " 输出 字符 串 
Response.Write "欢迎 光临 ， 今 天 是 "&date()&"<br>” ” ' 输 出 一 表达 式 
Response.Write " <h1 align= 'center'> 我 的 主页 </h1> ” ' 输 出 HTML 字符 串 

%> 

另外 ，Wirite 方法 还 有 一 种 简略 写法 ， 用 法 如 下 。 

<%= 字 符 串 或 表达 式 %>， 例 如 上 面 的 例子 可 以 改写 为 : 

<%= "欢迎 来 到 我 们 的 网 站 "%> 

<%=" 欢 迎 光临 ， 今 天 是 "&date()&"<br>"%> 


注意 : 在 使 用 简略 写法 时 ， 必 须 在 每 一 个 输出 的 字符 串 或 表达 式 两 端 加 上 <% 和 9%>。 
另外 ， 输 出 html 字符 串 时 ， 其 中 的 " "要 改 为 ''。 
【 例 6-11】 关于 VBScript 脚本 与 HTML 的 混合 使 用 
<html><body> 
<% dimi 
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fori=1to5%> 
<font size= "<%=i %>">Hello World</font><br> 
<% next %> 
</body></html> 
程序 运行 结果 如 图 6-24 所 示 。 
CE 
A 


袜 收 基 闪 其 无 标 轩 文档 


Selle eel 
Hello World 
Hello World 
Hello World 


Hello World 


多 本 地 Intranet | 保护 模式 : 模式 : 禁用 
图 6-24 例 6-11 运行 结果 


对 于 例子 中 少量 的 html 标记 ， 也 可 以 放 在 VBScript 脚本 中 使 用 。 如 例 6-11， 可 以 改 
写 如 下 : 
<html><body> 
<% dimi 
fori=1to5 
Response.Write"<font size="&i&">Hello World</font><br>" 
next 
%> 
</body></html> 
程序 运行 结果 与 上 面 结果 完全 相同 。 
2.， Redirect 方 法 


在 网 页 中 ， 可 利用 超 链接 引导 用 户 至 另 一 个 页 面 ， 但 是 必须 要 用 户 单 击 超 链接 才 行 。 
如 果 在 某 些 情况 下 希望 网 页 自动 引导 到 其 他 页 面 ， 如 进行 网 上 考试 ， 当 考试 时 间 到 时 ， 应 
跳 转 到 结束 界面 ， 这 时 就 需要 使 用 Redirect 方法 。 

自动 引导 又 叫做 “ 重 定向 ” 使 用 Response 对 象 的 Redirect 方法 可 以 使 浏览 器 从 当前 
页 面 重 定向 到 另 一 个 页 面 上 。 

用 法 : Response.Redirect URL， 其 中 URL 表示 网 页 的 网 址 (可 以 是 相对 路 径 ， 也 可 是 
绝对 路 径 )。 

例如 : 

<% 

Response.Redirect " http://www.sohu.com” ' 将 用 户 引 导 至 搜狐 网 
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Response.Redirect "admin\manage.asp” ”' 将 用 户 引 导 至 本 地 网 站 某 网 页 
%> 
【 例 6-12】 根据 用 户 类 型 引导 至 不 同 页 面 
<html> 
<body> 
<form name="form1" method="post" action=""> 
请 选择 用 户 类 型 : 
<input type="radio" name="usertype" value="vip">vip 会 员 
<input type="radio" name="usertype" value="guest"> 普 通 会 员 
<input type="submit" value=" 确 定 "> 
</form> 
<% 
if request.form("usertype")="vip" then 
Response.Redirect "vip.asp" "将 用 户 引 导 至 vip 网 页 
elseif request.form("usertype")="guest" then 
Response.Redirect "guest.asp" ' 将 用 户 引导 至 普通 会 员 网 页 
end if 
%> 
</body> 
</html> 


说 明 : 如 果 是 引导 至 站 内 网 页 ， 通 常 使 用 相对 路 径 ， 本 例 由 于 处 于 同一 文件 夹 ， 则 直 
接 写 文件 名 即 可 。 
3，Buffer 属性 


Buffer 从 英文 直译 过 来 的 意思 是 “缓冲 区 ” 缓冲 区 是 指 服务 器 端 内 存 中 的 一 块 区 域 ， 
是 存储 一 系列 数据 的 地 方 。 如 果 没 有 设置 缓冲 区 , 那么 每 个 访问 ASP 程序 的 人 的 客户 端 所 
得 到 的 结果 都 是 ASP 程序 执行 一 次 所 得 到 的 结果 , 此 时 ,页面 内 容 是 一 边 处理 一 边 直接 输 
出 到 客户 端 。 而 假如 预先 将 ASP 程序 缓冲 , 那么 每 个 客户 端 所 得 到 的 结果 就 是 缓冲 区 的 结 
果 。 例 如 有 1 000 个 用 户 同时 访问 一 个 ASP 页 面 ， 假 如 这 个 ASP 程序 没有 缓冲 ， 那 么 程 
序 将 被 执行 1 000 次 ， 这 样 服务 器 的 负荷 就 会 很 大 ， 从 而 导致 客户 端 打 开 页 面 速度 变 慢 ; 
假如 这 个 ASP 程序 被 缓冲 了 ,那么 结果 就 会 不 同 , 每 个 客户 端 直接 从 缓冲 区 获得 数据 ， 服 
务 器 将 不 会 因为 访问 增加 而 增加 程序 执行 次 数 ， 因 此 客户 端 打开 页 面 的 速度 也 就 比 上 一 种 
情况 要 快 。 

利用 Buffer 属性 可 设置 服务 端 是 否 将 页 面 先 输出 到 缓冲 区 。 实 现 方法 很 简单 ， 只 要 在 
ASP 程序 的 第 一 行 加 上 : 


<% Response.Buffer = True %> 
当 Buffer 属性 设置 为 真 时 ， 服 务 器 会 阻止 向 浏览 器 的 响应 ， 直 到 所 有 的 服务 器 脚本 均 
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被 处 理 ， 或 者 直到 脚本 调用 了 Flush 或 End 方法 。 
说 明 : IIS Version 4.0 中 Buffer 值 默 认为 False， 而 IIS Version 5.0 及 更 高 的 版 本 默认 
为 True。 在 低 版 本 IIS 中 使 用 Response 的 Redirect 方法 时 , 应 在 文件 头 设置 Buffer 为 True。 


4. End 方 法 


使 用 End 方法 可 以 终止 脚本 程序 。 在 ASP 程序 中 ， 遇 到 Response.End 语句 后 ， 将 不 
再 执行 后 面 的 语句 ， 而 把 之 前 的 页 面 内 容 发 送 到 客户 端 。 在 调试 程序 时 这 个 方法 很 有 用 ， 
类 似 设置 断 点 ， 特 别 是 你 的 程序 有 问题 而 无 法 看 到 中 间 结 果 时 ， 在 Response.Write 后 加 入 
Response ,End， 即 可 查看 到 中 间 结 果 。 
用 法 : Response.End 
例如 : 
<% 
Response.Write "这 是 第 一 句 " 
Response.End 
Response.Write "这 是 第 二 句 " 
%> 


这 一 段 程序 执行 结果 只 会 输出 第 一 句 ， 而 第 二 句 则 不 会 输出 。 也 可 以 用 注释 语句 屏蔽 
掉 后 面 的 语句 。 
S.Clear 方法 


该 方法 用 于 清除 服务 器 缓冲 区 要 输出 的 html 数据 。 
用 法 : Response.Clear 
例如 : 
<% 
Response.Write now() 
Response.Clear 


Response.Write rnd() 
%> 


6.，Flush 方法 
该 方法 用 于 立刻 将 缓冲 区 中 的 内 容 输出 到 客户 端 。 
用 法 : Response.Flush 
例如 : 
<% 
Response.Write "第 一 句 " 


Response.Flush' 立 刻 输出 缓冲 区 中 的 内 容 
Response.Write "第 二 句 " 
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Response.Clear 清 除 缓冲 区 中 的 内 容 
Response.Write "第 三 句 " 
%> 
说 明 : 由 于 Flush 方法 可 以 立刻 将 缓冲 区 中 的 内 容 输出 到 客户 端 ， 所 以 “第 一 句 ” 会 
显示 出 来 ， 而 “第 二 句 ” 则 不 会 显示 ;“ 第 三 句 ”不 受 影响 ， 会 正常 显示 。 


6.4.2 ”利用 Request 对 象 从 客户 端 获取 信息 


与 Response 的 作用 正好 相反 ，Request 对 象 的 作用 是 与 客户 端 交互 ， 收 集 客户 端的 
Form、Cookies 等 信息 。 如 常见 的 注册 ， 用 户 通过 浏览 器 在 表单 中 输入 姓名 等 内 容 后 ， 单 
击 【提交 】 按 钮 后 将 数据 传送 到 服务 器 端 ， 而 服务 器 端 利用 Request 对 象 就 可 以 获取 这 些 
信息 。 

1，Request 对 象 简介 


Request 对 象 获取 客户 端 信息 ， 主 要 依靠 5 种 获取 方法 〈 也 称 集合 )， 如 表 6-4 所 示 。 
表 6-4 Request 对象 简 要 说 明 
集合 说 明 
Form 获取 用 户 在 客户 端 表单 中 输入 的 相关 字段 的 值 
ye 获取 客户 端 附 在 URL 查询 字符 串 中 的 变量 值 ， 变 量 附 在 URL 的 “?” 符 号 之 后 ， 一 
般 用 在 页 面 的 参数 传递 中 
Cookies 取得 存放 在 客户 端 中 Cookies 的 内 容 
ServerVariables “| 获取 客户 端的 HTTP 请 求 信息 中 的 头 信息 及 服务 器 端 环 境 变 量 值 
ClientCertificate | 获取 客户 端 身份 验证 信息 


Request 对 象 的 语法 格式 如 下 : 

Request[. 获 取 方 法 ]( 变 量 名 ) 

说 明 : 变量 名 主要 是 指 要 获取 的 元 素 的 名 称 ， 可 以 是 字符 串 常 量 或 字符 串 变量 。[] 之 
间 的 获取 方法 可 以 省 略 ， 此 时 由 于 没有 指定 获取 方法 ，ASP 会 依次 在 QueryString、Form、 
Cookies、ServerVariables 和 ClientCertificate 这 5 种 集合 中 检查 是 否 有 信息 传递 。 


2. 使 用 Form 集合 获取 表单 信息 


在 前 面 的 章节 中 已 经 学 过 了 如 何 制作 表单 ， 但 是 在 表单 提交 后 ， 如 何在 服务 器 端 获取 
表单 的 内 容 并 没有 解决 。 下 面 就 来 学 习 如 何 利用 Request 的 Form 集合 来 获取 这 些 表单 元 
素 的 值 。 

格式 : RequestForm( 表 单元 素 名称 ) 

【 例 6-13】 填写 表单 信息 
<html><body> 
<form name="test" method="post" action="reqtest2.asp"> 
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请 输入 姓名 : <input type="text" name="name" > 
<input type="submit" value=" 确 定 "> 
</form> 
</body></html> 


输入 姓名 ， 单 击 【 确 定 】 按 钮 ， 即 可 将 输入 的 信息 传递 给 处 理 程序 reqtest2.asp。 
【 例 6-14】 获取 表单 信息 (reqtest2.asp) 


<html><body> 

你 输入 的 姓名 是 : <%=Reqtest.Form("name") %> 
</body></html> 
程序 运行 结果 如 图 6-25 和 图 6-26 所 示 。 


请 输入 姓名 ， 环 三 | 你 输入 的 姓名 是 ， 张 三 


全 本 好 Intranet | 保 关 模式: 禁 组 > 护 100% ~ 生地 Intranet| 保 而 ” 所 100% ~ 


图 6-25 输入 数据 前 的 执行 界面 图 6-26 输入 数据 后 的 执行 结果 


说 明 : <form> 标 记 中 的 method 属性 的 值 post， 表 示 表 单 提交 方式 是 按照 post 方式 提 
如 果 将 其 改 为 get 方式 ， 那么 表单 信息 就 会 附 在 url 后 面 提交 到 服务 器 端 ， 此 时 就 要 用 


到 后 面 的 QueryString 来 获取 信息 。 
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【 例 6-15】 填写 注册 信息 


<html><body> 
<h2 align="center"> 请 填写 以 下 注册 信息 </h2> 
<form method="post” action="reqtest3.asp"> 
姓名 : <input type="text" name="username" > <br> 
密码 : <input type="password" name="password" > <br> 
性 别 : <input type="radio" name="sex" value=" 男 "> 男 
<input type="radio" name="sex" value=" 女 "> 女 <br> 
爱好 : <input type="checkbox" name="hobby" value=" 音 乐 "> 音乐 
<input type="checkbox" name="hobby" value=" 计 算 机 "> 计算 机 <br> 
职业 : <select name="career"> 
<option value=" 教 育 "> 教育 </option> 
<option value="IT 业 ">IT 业 </option> 
<option value=" 电 子 商务 "> 电子 商务 </option> 
</select><br> 
简 述 : <textarea name="intro" rows="2" cols="40" ></textarea> 
<br> 


第 6 章 ASP 动 态 网 站 制作 基础 
<input type="submit" value=" 确定 "> 
<input type="reset" value=" 重 新 填写 "> 
</form> 
</body> </html> 


运行 结果 如 图 6-27 所 示 。 
【 例 6-16】 读 取 并 显示 注册 信息 (reqtest3.asp) 


<html><body> 
<h2 align=center> 下 面 是 您 的 注册 信息 </h2> 
<% 
Dim user,pass,sex,hobby,career,intro 
User=Request.Form("user_name") 
pass=Request.Form("password") 
sex=Request.Form("sex") 
hobby=Request.Form("hobby") 
career=Request.Form("career") 
intro=Request.Form("intro") 
Response.Write "<br> 姓 名 : " & user 
Response.Write "<br> 密 码 : " & pass 
Response.Write "<br> 性 别 : " & sex 
Response.Write "<br> 爱 好 : " & hobby 
Response.Write "<br> 职 业 : " & career 
Response.Write "<br> 简 介 : " & intro 
%> 

</body></html> 


运行 结果 如 图 6-28 所 示 。 
说 明 : 对 于 文本 框 ( 包 括 单行 文本 框 、 密 码 框 和 多 行文 本 框 )，Form 集合 获取 的 是 用 
户 输入 的 内 容 ; 对 于 单 选 按 钮 、 复 选 框 和 下 拉 列 表 框 , Form 集合 获取 的 是 value 属性 的 值 。 
也 可 将 表单 程序 和 获取 表单 内 容 的 程序 合并 为 一 个 程序 文件 ， 此 时 ， 表 单 的 action 属 
性 应 为 空 ， 即 action=""， 表 示 表 单 提交 的 处 理 程序 是 它 自身 。 
【 例 6-17】 将 上 述 两 个 文件 合 二 为 一 
<html> 
<body><h2 align="center"> 请 填写 以 下 注册 信息 </h2> 
<form method="post” action="reqtest.asp"> 
姓名 : <input type="text" name="username" > <br> 
-……《 此 处 略 去 代码 同 例 6-15) 
<input type="submit" value=" 确定 
<input type="reset" value=" 重 新 填写 "> 
</form> 
<% Dim user,pass,sex,hobby,career,intro 


> 
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User=Request.Form("user_name") 
pass=Request.Form("password") 
sex=Request.Form("sex") 
hobby=Request.Form("hobby") 
career=Request.Form("career") 
intro=Request.Form("intro") 
lf user<>" then 
%> 
<h2 align=center> 下 面 是 您 的 注册 信息 </h2> 
<% Response.Write "<br> 姓 名 :" & user 
Response.Write "<br> 密 码 : " & pass 
.…《 此 处 略 去 代码 同 例 6-16) 
Else 
Response.Write "请 填写 姓名 等 内 容 " 
End if 
%> 
</body> 
</html> 


es € /vblx/re... lec=mlu= /nl 
Be mocahosw: -1+; | x| 0 
ET 司 @ GE 
究 收 天 加 -着 才 抽 .其 R-. x MEA ml 2 http://localhost/ aE 
并 收藏 夫 | 忽 http://localhost/vblwr.. 


请 填写 注册 信息 


， 张 三 


下 面 是 您 的 注册 信息 


姓名 : 张 三 
密码 ，123456 
性 别 ， 男 
爱好 ， 音 乐 


职业 ， 电 子 商 务 
简介 ， 我 喜欢 电子 商务 


， 硬 男 上 四 女 
: 回 音乐 目 计算 机 
:电子 商务 ~ 


简 述 ， 
我 喜欢 电子 商务 | 


[EE EE 


全 本 地 Intranet | 保护 模式 蔡 用 全 - 不 100% ~ 


仿 本 地 iIntranet| 全 克 v 成 100% ~ 
图 6-27 输入 数据 前 的 执行 界面 图 6-28 输入 数据 后 的 执行 结果 

3. 使 用 QueryString 集合 获取 查询 字符 串 信 息 

QueryString 集合 用 于 获取 HTTP 查询 字符 串 中 的 变量 值 ， 一 般 应 用 于 网 页 间 参 数 的 
传递 。 

查询 字符 串 是 指 附加 在 网 页 URL 后 从 “?” 开 始 直 到 结尾 的 一 串 字符 。 当 浏览 器 从 一 
个 页 面 重 定向 到 另 一 个 页 面 时 ，URL 附带 查询 字符 串 一 并 传送 到 目标 页 面 ， 此 时 在 目标 页 
面 中 可 以 利用 QueryString 集合 取得 查询 字符 串 带 过 来 的 信息 。 例 如 : 


http://www.xxx.com/search.asp?name= 张 三 &age=16 
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其 中 ， 附 加 在 URL 后 面 的 “?name= 张 三 &id=16” 就 是 一 个 查询 字符 串 ， 查 询 字符 串 
由 “变量 名 = 值 ”的 格式 构成 ， 若 有 多 个 变量 ， 变 量 之 间 要 用 “人 及” 连接 ， 中 间 不 要 留 有 
空格 。 
【 例 6-18】 准备 传送 信息 
<html> 
<body> 
<a href="search.asp?name= 张 三 &age=16"> 单 击 此 处 </a> 
</body> 
</html> 


说 明 : 单 击 超 链接 ， 就 会 打开 search.asp， 在 其 中 使 用 QueryString 集合 即 可 获取 传递 
过 来 的 值 。 
【 例 6-19】 显示 获取 的 信息 (search.asp) 


<html><body> 
<% 
Dim name,age 
name=Request.QueryString("name") ' 返 回 姓名 ， 注 意 两 个 name 的 含义 不 同 


age=Request.QueryString("age") ' 返 回 年 龄 ， 注 意 两 个 age 的 含义 不 同 
Response.Write "欢迎 您 ，" & name & "， 您 的 年 龄 是 : " & age 
9%> 
</body></html> 


前 面 提 到 如 果 表 单 采用 Post 方式 提交 ， 应 使 用 Form 集合 获取 表单 数据 。 那 么 ， 如 果 
表单 以 Get 方式 提交 ， 应 如 何 获取 呢 ? 

事实 上 ，Get 方式 将 表单 中 的 数据 直接 附加 到 URL 地 址 后 面 ， 以 查询 字符 串 的 形式 提 
交 给 服务 器 ， 因 此 ， 这 时 也 要 使 用 QueryString 集合 获取 。 

【 例 6-20】 以 Get 方式 提交 表单 中 的 数据 


<html><body> 
<form name="form1" method="get" action="q2.asp"> 
姓名 : ”<input type="text" name="name"> <p> 
密码 : ”<input type="password" name="password"><p> 
<input type="submit” value=" 提 交 "> 


</form></body> 
</html> 
【 例 6-21】 显示 用 QueryString 集合 获取 的 信息 〈q2.asp) 
<html> 
<body> 


<% Dim xm,pass 
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xm=Request.QueryString("username") 
pass=Request.QueryString("password") 
if pass="123456" then response.write "欢迎 您 ，"&xm&"<br>" 
else 
Response.Write "您 刚 输入 的 密码 是 : "&pass&"<br>" 
Response.Write "你 的 密码 不 对 ， 请 返回 " 


end if 


运行 结果 如 图 6-29 和 图 6-30 所 示 。 


€) hep://localhost/vblx/a1.3sp 


窒 收 蕊 夫 。 万 htpy/localhosyvbbyqlasp - 
Ke €) htpyllocalhoswvbkwaq2asp?name=zhang&password=123 
姓名 ， 一 i 
实 收 襄 赤 。 芒 http://localhost/vbbyfq2.asp?name=zhang&p... 
密码 : 
ge 您 刚 输入 的 密码 是 ，123 
提交 你 的 密码 不 对 ， 请 返回 
图 6-29 输入 数据 前 的 执行 界面 图 6-30 输入 数据 后 的 执行 界面 


说 明 : 比较 图 6-29 与 图 6-30 的 变化 ， 在 图 6-30 的 URL 地 址 栏 后 附加 了 刚 输 入 的 姓 
名 及 密码 等 数据 ， 这 正 是 采用 Get 方式 提交 表单 的 结果 。 

表单 提交 中 ，Get 方式 和 Post 方式 的 区 别 可 归纳 为 如 下 几 点 。 

”Get 是 把 参数 数据 队列 附加 到 提交 表单 的 Action 属性 所 指 的 URL 中 , 值 和 表单 内 
各 个 字段 一 一 对 应 ， 在 URL 中 可 以 看 到 。Post 是 通过 HTTP post 机 制 将 表单 内 
各 个 字段 与 其 内 容 放置 在 HTML header 内 一 起 传送 到 Action 属性 所 指 的 URL 地 
址 。 用 户 看 不 到 这 个 过 程 。 

WP ”对 于 Get 方式， 服务 器 端 用 Request.QueryString 获取 变量 的 值 ， 对 于 Post 方式 ， 
服务 器 端 用 Request.Form 获取 提交 的 数据 。 

沙 ”Get 传送 的 数据 量 较 小 ，Post 传送 的 数据 量 较 大 。 

省 ”Get 安全 性 非常 低 ，Post 安全 性 较 高 。 


4. 使 用 ServerVariables 集合 获取 环境 变量 信息 


在 浏览 器 中 浏览 Web 页 面 时 使 用 的 传输 协议 是 HTTP， 在 HTTP 头 文件 (header) 中 
会 记录 一 些 客户 端的 信息 ， 如 客户 的 IP 地 址 、 服 务 器 的 名 称 、 发 送 的 请 求 端口 号 、 浏 览 
器 的 类 型 、 版 本 等 。 有 时 服务 器 需要 根据 客户 端 信息 作出 不 同 的 反映 ， 这 时 就 要 用 到 
ServerVariables 集合 来 获取 所 需 信 息 。 如 QQ 中 的 天 和 气 预 报 就 是 首先 获取 客户 端的 卫 ， 进 
而 显示 当地 的 天 气 预 报 的 。 

语法 格式 : Request.ServerVariables( 环 境 变 量 名 ) 
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常用 的 环境 变量 介绍 如 下 。 
(1) ALL_HTTP: 客户 端 发 送 的 所 有 HTTP 请 求 信 息 中 的 所 有 头 信息 。 
(2) CONTENT _TYPE: 客户 端 发 出 请 求 数据 的 类 型 。 如 “texthtml”。 
(3) LOCAL ADDR: 服务 器 端 耳 地 址 。 
(4) PATH INFO: 客户 提供 的 路 径 信息 。 
(5) REMOTE ADDR: 客户 端 卫 地址 。 
【 例 6-22】 显示 来 访 者 的 他 地 址 
<html> 
<head> 
<title> ServerVariables 用 法 示例 </title> 
</head> 
<body> 
<% 
Dim IP 
IP=Request.ServerVariables("REMOTE_ADDR") 
Response.Write "你 好 ， 你 的 IP 地 址 是 :" & IP 
%> 
</body> 
</html> 


说 明 : 这 个 程序 最 好 能 上 传 服务 器 或 在 局 域 网 中 两 台 不 同 机 器 上 进行 测试 。 
6.4.3 ”利用 Cookies 集合 在 客户 端 保 存 信息 


在 Response 对 象 和 Request 对 象 中 都 有 Cookies 集合 。 那 么 什么 是 Cookies? Cookies 
有 什么 作用 ?Response 中 的 Cookies 和 Request 中 的 Cookies 有 什么 区 别 ? 下面 介绍 
Cookies 集合 。 


1.，Cookie 简介 


Cookie 俗称 小 甜 饼 ， 用 来 在 客户 端 长 期 保存 信息 。 很 多 网 站 用 Cookies 来 记 住 客户 端 
用 户 的 访问 次 数 和 用 户 名 ， 当 用 户 访问 网 站 服务 器 时 ， 服 务 器 在 客户 端 留 下 一 个 “标记 ” 
当下 次 该 用 户 再 次 访问 服务 器 时 ， 服 务 器 就 可 以 通过 读 取 客 户 端的 Cookies， 达 到 “记忆 ” 
的 效果 。 这 样 ， 本 来 需要 在 服务 器 上 数据 库 中 保存 的 数据 ， 此 时 只 要 保存 在 客户 端 即 可 ， 
从 而 减轻 了 服务 器 的 一 些 负担 。 

例如 ， 你 可 以 在 站 点 上 放置 一 个 调查 问答 表 ， 询 问 访问 者 最 喜欢 的 颜色 和 字体 ， 然 后 
根据 这 些 定制 用 户 的 Web 界面 。 并 且 你 还 可 以 保存 访问 者 的 登录 密码 ,这样 当 访问 者 再 次 
访问 这 个 站 点 时 ， 不 用 再 输入 密码 进行 登录 。 

存 入 Cookies 的 文件 名 命令 规则 为 : 用 户 名 @ 网 站 名 .txt， 它 保存 在 用 户 的 计算 机 中 ， 
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Windows XP 系统 中 Cookies 位 置 为 C:\Documents and Settings\ 相 应 的 用 户 名 文件 夹 ， 


Windows 7 系统 中 Cookies 的 位 置 为 C:\Users\ 用 户 名 \AppData\Roaming\Microsoft\Windows\ 
Cookies。 


有 两 种 使 用 Cookies 的 基本 方式 ， 如 下 所 示 。 


(1) 将 Cookies 写 入 访问 者 〈 本 地 ) 的 计算 机 (使 用 Response.Cookies 来 创建 Cookies 
对 象 )。 


(2) 从 访问 者 的 计算 机 中 取 回 Cookies (使 用 Request.Cookies 来 读 取 Cookies 值 )。 
2. 使 用 Response 对 象 创建 Cookies 


利用 Response 对 象 的 Cookies 集合 ， 服 务 器 端 可 以 将 Cookies 的 值 写 入 客户 端 。 
语法 格式 : Response.Cookies(Cookies 名 )[ 关 键 字 |. 属 性 ]=Cookies 值 
其 中 ，Cookies 名 与 Cookies 值 为 必 选 ， 关 键 字 与 属性 为 可 选 。 关键 字 如 省 略 ， 表 示 一 
个 单 值 Cookies; 若 指定 了 关键 字 ， 则 该 Cookies 为 多 值 Cookies， 包 含 多 个 元 素 ， 可 分 别 
赋值 。 
Response 的 Cookies 集合 的 主要 属性 如 表 6-5 所 示 。 
表 6-5 Response 的 Cookies 集合 的 属性 


名 称 说 ”有明 

Expires 用 来 设置 Cookies 的 过 期 时 间 

Domain 用 来 指定 Cookies 将 发 送 到 哪个 域 的 请 求 中 去 

Path 若 被 指定 ， 则 Cookies 将 只 发 送 到 对 该 路 径 的 请 求 中 
Secure 指定 Cookies 是 否 安全 


读 以 下 两 个 程序 ， 先 运行 程序 1， 然 后 运行 程序 2。 
【 例 6-23】 程序 1: 设置 Cookies 


<% 
Response.Cookies("username")=" 张 颖 " "创建 不 含 关键 字 的 单 值 Cookies 
Response.Cookies("book")("bookname")=" 电 子 商 务 " ' 创 建 含 关键 字 的 多 值 Cookies 
Response.Cookies("book")("price")="28" 
Response.Cookies("username").expires=#2018-8-8# ' 创 建 单 值 Cookies 的 有 效 期 

%> 


说 明 : Cookies("usermame") 由 于 设置 了 有 效 期 ，Cookies 值 被 存储 在 用 户 的 硬盘 上 ， 即 
使 关闭 浏览 器 ， 该 Cookies 在 有 效 期 内 也 不 会 消失 。 而 Cookies("book") 由 于 没有 设置 有 效 
期 ， 是 临时 性 的 ， 只 在 浏览 器 打开 时 存在 。 


3. 使 用 Request 对 象 读 取 Cookies 值 


利用 Request 对 象 的 Cookies 集合 ， 服 务 器 端 可 以 获取 客户 端 Cookies 的 值 。 
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语法 格式 : Request.Cookies(Cookies 名 )[ 关 键 字 |. 属 性 ] 
其 中 ，Cookies 名 、 关 键 字 和 属性 的 用 法 与 Response 对 象 相同 。 
下 面 获取 例 6-23 中 的 Cookies 值 。 
【 例 6-24】 程序 2: 获取 Cookies 值 


<% dim username ,bookname,price 


username= Request.Cookies("username") ' 返 回 “ 张 颖 ” 
bookname= request.Cookies("book")("bookname") ' 返 回 “ 电 子 商 务 ” 
price=request.Cookies("book")("price") 
Response.Write "姓名 是 : "& username & "<br>" ' 返 回 28 
Response.Write "图 书 名 称 是 :" & bookname & ” 价格 是 : "& price &"<br>" 
%> 
4. Cookies 应 用 


【 例 6-25】 通过 留 在 本 地 磁盘 上 的 Cookies 来 记录 访问 本 站 的 次 数 , 第 一 次 显示 “您 
是 第 1 次 访问 本 站 ” 以 后 显示 “您 已 是 第 N 次 访问 本 站 点 了 ”。 


<html><body> 
<% 
Dim num ' 定 义 一 个 访问 次 数 变量 
num=Request.Cookies("num") ' 读 取 Cookies 值 
if num="" then 
num=1 ' 如 果 是 第 一 次 ， 则 令 访问 次 数 为 1 
else 
varNumber=varNumber+1 ' 如 果 不 是 第 一 次 ， 则 令 访 问 次 数 加 1 
end If 
Response.Write "您 是 第 " & num & "次 访问 本 站 " 
Response.Cookies("num")=num ' 将 新 的 访问 次 数 存 到 Cookies 中 
Response.Cookies("num").Expires=#2018-1-1# "设置 有 效 期 
%> 
</body></html> 


运行 结果 如 图 6-31 所 示 。 


gE 


a [B8|- 贺信 h- x 


您 是 第 1 次 访问 本 站 


仿 本 地 Intranet| 仙 向” 臣 125% 了 


图 6-31 例 6-25 运行 结果 
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6.5 利用 Session 对 象 和 Application 对 象 保存 用 户 信息 


6.5.1 利用 Session 对 象 保存 单个 用 户 信息 


上 网 浏览 网 页 离 不 开 HTTP 协议 ,但 利用 HTTP 协议 却 很 难 跟踪 用 户 。 当 用 户 客 户 端 
发 出 HITP 请 求 时 ， 服 务 器 就 会 返回 一 个 响应 信息 ， 之 后 这 次 会 话 就 结束 了 。 若 客户 端 再 
次 发 出 一 个 HTTP 请 求 ， 服 务 器 端 并 不 记得 刚才 的 会 话 ， 而 是 像 对 待 新 人 一 样 再 发 回 一 个 
响应 。 所 以 说 ， 这 种 联系 是 离散 的 ， 不 能 持续 连接 。 

例如 ， 我 们 可 以 利用 超 链 接 很 方便 地 从 一 个 页 面 跳 到 另 一 个 页 面 ， 如 果 客 户 在 前 一 个 
页 面 中 输入 了 自己 的 用 户 名 和 密码 进行 了 登录 ， 在 其 他 页 面 还 需要 使 用 该 用 户 名 ， 那 么 用 
什么 方法 可 以 记 住 用 户 名 呢 ? 我 们 可 能 会 想到 利用 Cookies 保存 信息 ， 这 个 方法 虽然 也 可 
以 ， 但 是 由 于 它 是 把 信息 保存 在 客户 端 ， 很 不 安全 。 

Session 的 引入 可 以 弥补 HITP 协议 的 缺陷 ， 它 主要 用 于 存储 特定 用 户 会 话 所 需 的 信 
息 。 当 某 个 用 户 在 Web 站 点 的 多 个 页 面 闻 切换 时 ，Session 保存 的 信息 可 以 被 该 站 点 的 任何 


一 个 页 面 读 取 ， 如 图 6-32 所 示 。 


图 6-32 Session 对象 示 意图 


Session 对 象 的 工作 原理 比较 复杂 ， 当 一 个 用 户 访 问 一 个 网 站 时 ,服务 器 端 为 每 个 访问 
者 都 设立 一 个 独立 的 Session 对 象 ， 用 以 存储 Session 变量 ， 并 自动 产生 一 个 长 整 型 数 
SessionID 〈 也 称 会 话 标识 符 )， 各 个 访问 者 的 SessionID 都 不 相同 ， 所 以 各 自 的 Session 对 
象 互 不 干扰 。 由 于 SessionID 会 自动 保存 在 客户 端的 Cookies 中 ， 所 以 Session 的 使 用 要 求 
用 户 浏览 器 必须 支持 Cookies， 如 果 浏 览 器 不 支持 使 用 Cookies， 或 者 设置 为 禁用 Cookies， 
那么 将 不 能 使 用 Session 。 

1. 利用 Session 存储 信息 


语法 格式 : Session( 变 量 名 )= 值 
【 例 6-26】 存 入 Session 信息 


<% 
Dim username,password 
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username=" 李 静 " 

password="123456" 

Session("username")=username 

Session("password")=password 
%> 


【 例 6-27】 


<% 
Dim username 
username=Session("username") 
Response.Write username & "您 好 ， 欢 迎 您 <br>" 
Response.Write "您 的 密码 是 " & Session("password") 
%> 


读 取 Session 信息 


运行 结果 如 图 6-33 所 示 。 

说 明 : 注意 Session 变量 和 普通 变量 的 联系 和 区 别 ， 两 者 
的 赋值 和 引用 方式 都 是 一 样 的 ; 但 是 二 者 的 命名 方式 有 一 些 区 
别 ， 对 于 Session 变量 来 说 ， 括 号 中 的 字符 串 才 是 该 变量 的 名 
字 ; 另外 ， 普 通 变量 只 在 本 页 面 内 有 效 ， 而 Session 在 整个 会 
话 期 间 一 直 有 效 。 

上 面 的 例子 实际 上 很 有 意义 ， 很 多 网 站 要 求 用 户 在 首页 登 


"给 Session 赋值 


' 将 Session 值 赋 给 变量 


' 直 接 使 用 Session 值 


《大乱 


李 静 您 好 ， 欢 迎 您 
您 的 密码 是 123456 


人 本 地 Intra 级 ” 质 100% 


6-33” 读 取 Session 信息 


录 ， 并 将 用 户 信息 保存 在 Session 变量 中 ， 在 其 他 页 面 只 需要 验证 这 些 变 量 的 值 是 否 为 空 ， 
即 可 判断 出 该 用 户 是 否 已 登录 ， 从 而 可 以 决定 是 否 重 定向 到 首页 。 
另外 ， 利 用 Session 还 可 以 存储 数组 信息 。 具 体 看 下 面 的 例子 。 


【 例 6-28】 


<% 
Dim username(2) 
username(0)=" 小 海 " 
username(1)=" 小 玉 " 
Session("arry_username")=username 
Response.Write "该 程序 仅 用 来 存 入 Session 数组 " 
%> 


【 例 6-29】 


<% 
Dim username 
username=Session("arry_username") 
Response.Write username(0) & "您 好 ， 欢 迎 您 <br>" 
Response.Write username(1) & "您 好 ， 欢 迎 您 <br>" 
%> 


存 入 数组 信息 


读 取 Session 中 的 数组 信息 


声明 一 个 数组 


' 传 入 数组 到 Session 对 象 


"注意 声明 方法 ， 不 要 加 括号 
"返回 Session 数组 元 素 
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说 明 : 利用 Session 存储 数组 信息 与 存储 变量 信息 基本 相同 ， 但 要 注意 需要 将 数组 作 
为 一 个 整体 存 入 和 取出 。 如 果 要 修改 某 一 个 元 素 ， 则 需要 将 Session 赋 给 一 个 数组 变量 ， 
然后 在 数组 中 进行 操作 。 


2. Session 的 属性 


(1) TimeOut 

功能 ， 以 分 钟 为 单位 为 Session 对 象 指定 有 效 时 限 。 如 果 用 户 在 该 有 效 时 限 内 不 刷新 
或 请 求 网 页 ， 则 该 会 话 将 终止 。TimeOut 的 默认 值 是 20 分 钟 。 

用 法 : Session.TimeOut= 分 钟 数 

例如 : 


<% Session.Timeout=5 "可 将 有 效 期 设置 为 5 分 钟 %> 


提示 : 此 属性 经 常用 于 用 户 登 录 的 页 面 中 , 可 以 采用 Session 变量 记录 用 户 登 录 的 信息 ， 
如 果 用 户 在 Timeout 的 时 限 内 没有 请 求 页 面 或 刷新 ， 当 用 户 连接 该 页 面 时 ， 浏 览 器 将 显示 
让 用 户 登 录 的 页 面 。 

建议 不 要 设置 很 长 的 失效 时 间 ， 设 置 一 个 合适 的 失效 时 间 会 使 程序 更 加 安全 ， 而 且 可 
以 减少 消耗 服务 器 资源 。 

(2) SessionID 

功能 : 用 于 返回 用 户 的 会 话 标识 。 即 前 面 提 到 的 由 服务 器 端 为 每 一 个 会 话 生成 一 个 单 
独 的 标识 ， 会 话 标识 以 长 整 型 数据 类 型 返回 。 

用 法 : 长 整 型 变量 =Session.SessionID 

例如 : 

你 的 SessionID 为 : <%=Session.SessionID%> 


在 电子 商务 网 站 中 经 常 利 用 Session 对 象 实现 购物 车 功能 。 用 户 在 不 同 页 面 选择 不 同 的 
商品 , 所 有 商品 名 称 、 价 格 等 信息 都 可 保留 在 Session 对 象 中 , 直到 去 收银 台 结账 ，Session 
对 象 中 的 数据 才 被 清除 。 而 另 一 个 用 户 进来 时 ， 系 统 自动 产生 一 个 新 的 SessionID， 会 重新 
分 配 一 个 购物 车 ， 将 购物 信息 重新 保存 在 一 个 Session 对 象 中 。 


3. Session 的 方法 


Session 对 象 到 期 后 会 自动 清除 ， 但 到 期 前 可 用 Abandon 方法 强行 清除 。 例 如 ， 在 网 
站 中 用 户 若 要 退出 登录 ， 就 可 以 利用 此 方法 清除 Session 中 保存 的 用 户 名 等 信息 。 

用 法 : Session.Abandon 

功能 : 清除 所 有 存储 在 Session 对 象 中 的 对 象 并 释放 这 些 对 象 的 资源 。 

一 旦 这 条 语句 被 执行 , 所 有 存储 在 Session 对 象 中 的 信息 将 被 清除 , 这 与 Session 超时 
效果 一 样 。 
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4. Session 对 象 的 两 个 事件 


(1) Session_Onstart: 当 某 个 用 户 第 一 次 访问 网 站 的 网 页 时 发 生 。 
格式 : 
Sub Session Onstart 
程序 区 域 
End Sub 
(2) Session Onend: 当 某 个 用 户 Session 超时 或 关闭 时 发 生 。 
格式 : 
Sub Session Onend 
程序 区 域 
End Sub 


6.5.2 ”利用 Application 对 象 保存 所 有 用 户 共享 信息 


Session 对 象 解决 了 保存 单个 用 户 信 息 的 问题 ， 但 是 有 时 需要 记录 所 有 用 户 的 共享 信 
息 ， 例 如 统计 网 站 的 访问 总 次 数 和 聊天 室 (如 QQ 群 ) 的 发 言 内 容 ， 此 时 就 需要 用 到 
Application 对 象 。 

Application 对 象 是 一 个 应 用 程序 级 的 对 象 ， 其 作用 表现 在 以 下 两 个 方面 。 

(1) 使 用 Application 对 象 定 义 变量 ， 与 全 局 变量 类 似 ， 该 变量 保存 的 信息 可 以 在 整 
个 Web 站 点 中 被 所 有 用 户 使 用 ， 如 图 6-34 所 示 。 


Application 信息 


6-34 Application 对 象 示意 图 


(2) 所 保存 的 信息 可 以 在 站 点 运行 期 间 持久 保存 ， 没 有 有 效 期 的 限制 ， 从 服务 器 启 
动 后 第 一 个 用 户 访问 到 所 有 用 户 都 结束 访问 ， 它 一 直 是 有 效 的 。 
1，Application 对 象 的 方法 
Application 提供 了 两 种 方法 ， 即 Lock 和 Unlock。 
在 电子 商务 网 站 中 , 经 常会 出 现 一 种 冲突 情况 :两 个 以 上 用 户 同时 修改 某 个 Application 
变量 的 值 。 此 时 ， 可 以 利用 Lock 方法 ， 将 Application 对 象 锁定 ， 确 保 在 同一 时 刻 只 有 一 
个 用 户 可 以 修改 或 存储 Application 对 象 中 的 变量 ， 之 后 再 使 用 Unlock 方法 解除 锁定 。 
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语法 格式 如 下 : 
Application.Lock 
Application.Unlock 


2， 利 用 Application 存储 信息 


Application 对 象 的 使 用 也 是 比较 简单 的 ， 可 以 把 变量 或 字符 串 等 信息 很 容易 地 保存 在 
Application 中 。 

语法 格式 : Application("Application 名 "= 变量 或 字符 串 信 息 

例如 : 


<% 
Application.Lock ' 先 锁定 
Application.("visitnum")=100 ' 给 Application 变量 赋值 
Application.("school")=" 清 华 大 学 " ' 给 Application 变量 赋值 
Application.Unlock 

%> 


读 取 Application 信息 就 不 需要 锁定 了 : 
<% num=Application.( "visitnum") ' 读 取 Application 变量 的 值 %> 
【 例 6-30】 网 页 计数 器 
<html><body> 
<% 
Application.lock 
Application("NumHits")=Application("NumHits")+1 
Application.unlock 
Dim num 
num= Application("Numhits") 
Response.Write "欢迎 光临 <br>" & "本 页 被 点 击 过 " & num &" 次 !" 
%> 
</body></html> 


3. Application 应 用 


【 例 6-31】 最 简单 的 聊天 室 
聊天 室 允 许多 用 户 实时 进行 信息 交流 ,所 有 用 户 可 以 看 到 彼此 的 信息 ,这 与 Application 
对 象 的 特点 正好 符合 ， 只 要 把 所 有 用 户 聊天 的 信息 存储 在 一 个 Application 变量 中 , 用 户 发 
言 就 是 不 断 向 这 个 Application 变量 添加 内 容 ， 所 以 可 以 利用 Application 方便 地 实现 聊 
天 室 。 
要 求 聊天 室 实 现 以 下 功能 。 
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”用 户 在 页 面 上 输入 姓名 和 发 言 内 容 ， 提 交 后 ， 发 言 内 容 显 示 在 页 面 上 。 

”页 面 每 5 秒 钟 刷新 一 次 。 

聊天 室 共 由 3 个 程序 文件 组 成 ， 即 框架 页 面 mdex.asp、 发 言 表单 页 面 (sayasp) 和 显 
示 发 言 页 面 (message.asp )。 

(1) 创建 页 面 框架 (index.asp) 


<html> 
<frameset rows="*,60"> 
<frame name="message" src="message.asp"> 
<frame name="say" src="say.asp"> 
</frameset><noframes></noframes> 
</html> 


(2) 输入 发 言 内 容 页 面 (sayasp) 


<html> 
<body> 

<form name="form1" method="post" action=""> 
了 昵称 : <input type="text" name="txtName" size="10"> 
发 言 : <input type="text" name="txtSay" size="30"> 
<input type="submit" value=" 发 送 "> 

</form> 

<% 

"如果 提 交 了 表单 ， 就 将 发 言 内 容 添加 到 Application 对 象 中 

If Trim(Request.Form("txtName"))<>"" And Trim(Request.Form("txtSay"))<>"" Then 
"下 面 获取 本 次 发 言 字符 串 ， 包 括 发 言 人 和 发 言 内 容 


Dim strSay 
strSay=Request.Form("txtName") & "在 " &Now()& "说 :" & Request.Form("txtSay") & "<br>" 
"下 面 将 本 次 发 言 添加 到 聊天 内 容 中 
Application.Lock ' 先 锁定 
Application("strChat")=strSay & Application("strChat") 
Application.Unlock "解除 锁定 
End if 
%> 
</body> 
</html> 


(3) 显示 发 言 内 容 (message.asp) 


<html> 
<head> 
<title> 显 示 发 言 页 面 </title> 
<meta http-equiv="refresh" content="5"> 
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</head> 
<body> 
<% Response.Write Application("strChat") “显示 聊天 内 容 %> 
</body> 
</html> 


本 程序 可 在 局 域 网 内 运行 ， 由 一 台 计 算 机 作为 服务 器 ， 其 他 人 可 访问 此 台 计 算 机 上 的 
聊天 室 程序 。 运 行 结果 如 图 6-35 所 示 。 


小 海 在 2011/7/10 22: 
小 洁 在 2011/7/10 22:57:26 说 ， 
小 海 在 2011/7/10 22:57:04 说 ， 


图 6-35 ”聊天 室 运行 结果 
6.5.3 Application 对 象 和 Session 对 象 的 区 别 


Application 对 象 与 Session 对 象 都 可 以 用 于 保存 信息 ， 但 在 很 多 方面 存在 区 别 。 
(1) 应 用 范围 不 同 。Application 对 象 是 针对 所 有 用 户 ， 可 以 被 多 个 用 户 共享 。 从 一 
个 用 户 接 收 到 的 Application 变量 可 以 传递 给 另外 的 用 户 。 而 Session 对 象 是 针对 单一 用 户 ， 
某 个 用 户 无 法 访问 其 他 用 户 的 Session 变量 。 
(2) 存活 时 间 不 同 。 由 于 Application 变量 是 多 个 用 户 共享 的 ， 因 此 不 会 因为 某 一 个 
用 户 甚至 全 部 用 户 离开 而 消失 。 一旦 建立 了 Application 变量 ， 就 会 一 直 存 在 ， 直 到 网 站 关 
闭 或 这 个 Application 变量 被 卸载 (Unload)。 而 Session 变量 会 随 着 用 户 离开 网 站 而 被 自动 
删除 。 
Application 对 象 主要 被 用 于 : 
”统计 网 站 访问 的 人 数 。 
”统计 广告 点 击 的 次 数 。 
”创建 聊天 室 。 
而 Session 对 象 则 常 被 用 于 : 
”创建 购物 车 。 
”保存 用 户 的 身份 标记 ， 实 现 用 户 的 身份 认证 和 用 户 权 限 管理 等 。 


6.6 Server 对 象 


尽管 利用 前 面 学 习 的 内 置 对 象 可 以 实现 动态 网 站 的 很 多 交互 功能 ， 但 仍然 有 些 特 殊 功 
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能 是 ASP 本 身 无 能 为 力 的 ， 如 读 取 数 据 库 文件 、 文 件 上 传 到 服务 器 等 ， 这 时 就 需要 利用 
Server 对 象 来 调用 其 他 程序 和 组 件 去 实现 这 些 功 能 。 
1.，Server 对 象 的 属性 


ScriptTimeOut: 规定 脚本 文件 最 长 执行 时 间 ， 超 过 时 间 就 停止 执行 。 默 认为 90 秒 。 

该 属性 就 是 用 来 规定 脚本 文件 执行 的 最 长 时 间 。 如 果 超 出 最 长 时 间 还 没有 执行 完毕 ， 
就 自动 停止 执行 ， 并 显示 超时 错误 。 

语法 如 下 : 

Server.ScriptTimeOut=number 

其 中 ，number 表示 最 长 时 间 ， 默 认为 90 秒 。 

例如 : 


<% Server.ScriptTimeOut=300 ”' 设 置 最 长 执行 时 间 为 300 秒 %> 
2.，Server 对 象 的 方法 


(1) CreateObject: 用 于 创建 已 注册 到 服务 器 的 ActiveX 组 件 、 应 用 程序 或 脚本 对 象 
的 实例 。 这 是 Server 对 象 最 主要 的 方法 ， 它 用 于 创建 组 件 、 应 用 程序 或 脚本 对 象 的 实例 ， 
利用 它 就 可 以 调用 其 他 外 部 程序 或 组 件 的 功能 。 

语法 如 下 : 

Server.CreateObject(progID) 

其 中 ，progID 表示 组 件 、 应 用 程序 或 脚本 对 象 的 对 象 类 型 。 

下 面 的 语句 将 创建 一 个 数据 库 连 接 对 象 实例 : 

<% 


Set conn=Server.CreateObject("ADODB.Connection") 
%> 


(2) HTMLEncode: 将 字符 串 转换 成 HTML 编码 格式 。 

该 方法 可 以 将 字符 串 中 的 特殊 字符 (<、> 和 空格 等 ) 自动 转 换 为 字符 实体 。 
语法 如 下 : 

Server. HTMLEncode(string) 

其 中 ，string 是 转换 的 字符 串 常量 、 变 量 或 表达 式 。 例 如 : 

<% 


strA=Server.HTMLEncode("<br>") "变量 strA 的 返回 值 为 &lt;br&gt; 
%> 


(3) URLEncode: 将 字符 串 转 换 成 URL 编码 格式 。 
该 方法 也 是 用 来 转换 字符 串 ， 不 过 它 是 按照 URL 规则 对 字符 串 进行 转换 的 。 按 照 该 
规则 的 规定 ，URL 字符 串 中 如 果 出 现 “ 空 格 、?、&&” 等 特殊 字符 ， 则 接收 端 有 可 能 接收 
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不 到 准确 的 字符 ， 因 此 就 需要 进行 相应 的 转换 。 

语法 如 下 : 

Server.URLEncode(string) 

其 中 ，string 就 是 转换 的 字符 串 常量 、 变 量 或 表达 式 。 

(4) MapPath: 将 虚拟 路 径 转换 为 物理 路 径 。 

语法 如 下 : 

Server.MapPath(path) 

其 中 ，path 是 相对 路 径 或 绝对 路 径 字 符 串 。 

(5) Execute: 转 到 新 的 网 页 执行 ， 执 行 完毕 后 返回 原 网 页 ， 继 续 执行 后 面 的 语句 。 

该 方法 用 来 停止 执行 当前 网 页 ， 转 到 新 的 网 页 执行 ， 执 行 完毕 后 返回 原 网 页 ， 继 续 执 
行 Execute 方法 后 面 的 语句 。 

语法 如 下 : 

Server.Execute path 

其 中 ，path 表示 要 执行 文件 的 相对 路 径 或 绝对 路 径 。 

例如 : 


<% Server.Execute "6-25.asp””' 转 向 执行 6-25.asp %> 


Ts 与 练习 


一 、 简 答题 


1. 简 述 静态 网 页 与 动态 网 页 的 区 别 。 

2. 在 客户 端 与 服务 器 端 运行 VBScript 脚本 有 何 区 别 ， 分 别 应 如 何 声明 ? 
3. 举例 说 明 ASP 中 的 Application 对 象 与 Session 对 象 的 区 别 。 

二 、 填 空 题 


1. VBScript 中 用 关键 字 来 声明 常量 ， 用 关键 字 声明 变量 。 

2. 在 VBScript 中 ， 用 于 字符 串 连 接 的 运算 符 有 “+” 和 。 

3. 在 VBScript 中 ， 用 检验 函数 来 判断 变量 是 数字 类 型 。 

4. 在 VBScript 中 ， 过 程 有 两 种 ， 一 种 是 Sub 子 程序 ， 一 种 是 Function 函数 ， 两 者 的 
区 别 在 于 只 执行 程序 而 不 返回 值 , 而 可 以 将 执行 代码 后 的 结果 返回 给 请 求 
程序 。 


6. 下 面 的 程序 自用 来 计算 客户 是 第 几 次 访 亲本 站 。 请 填空 。 


<% 
Dim varNumber 
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varNumber=Request.Cookies("number") 


If Then 
varNumber=1 
Else 
varNumber=varNumber+1 
End If 
Response. =varNumber 
Response.Cookies("Number"). =#2030-1-1# 


Response.Write "您 是 第 " & varNumber & "次 访问 本 站 " 
%> 


ASP 动态 网 站 制作 基础 


7. 要 求 : 输入 一 个 正确 的 口令 “123” 后 ， 才 能 打开 后 台 管 理 admin.asp 网 页 。 


前 台 登 录 网 页 log.html: 


<form name="form1" method="post" action="cklog.asp"> 
口令 : <input name="a" type="password" > 

<input type="submit" name="Submit" value=" 提 交 "> 
</form> 


后 台 口 令 验 证 程序 cklog.asp: 
<% 
if_ (a)= .then 


' 定 义 一 个 session 变量 ， 变 量 名 为 x， 变 量 值 为 1 
"admin.asp” ”转向 到 后 台 管理 admin.asp 文件 


else 
Response.Redirect "log.html” 
end if 

%> 


8. 利用 For…Next 循环 随机 产生 5 个 100 一 200 之 间 的 随机 数 。 


<% randomize 


d= 
Response.Write(a) 
Response.Write("<br>") 
next 

%> 


三 、 选 择 题 
1. 执行 语句 a="2012-1-1" 后 ， 变 量 a 的 数据 子 类 型 是 
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A. 字符 串 B. 日 期 C. 数值 D. 布尔 
2. 执行 完 a=5 Mod 3 语句 后 ，a 的 值 为 (  )。 
A. 0 | : 忒 5 机。 六 
3. 函数 DateDiff("m",#2012-8-8#.#2012-10-1 扫 的 返回 值 是 % 
A | : We C. 54 D3 
4. Instr("czdzsw2010@263.net","(@") 的 值 是 ( 3 
A. 4 有 3 2 Ds 珊 
3 ) 对 象 可 以 用 来 将 数据 由 服务 器 传送 到 浏览 器 
A. request B. session C. application D. response 
6. 下 面 ( ，) 不 是 ASP 内 置 的 对 象 。 
A. application B. server Cc; fo D. response 


7. 若 要 停止 ASP 程序 的 执行 并 将 存放 在 缓冲 区 的 数据 输出 传送 到 浏览 器 端 ， 可 以 使 
用 (  ) 方法 。 


A. Response.Clear B. Response.End 
C. Response.Flush D. Response.Write 
8. 若 要 将 浏览 器 导向 其 他 网 页 ， 可 以 使 用 ( ””) 方法 。 
A. redirect B. end C. flush D. appendtolog 
9. 若 要 获得 客户 端的 卫 地 址 ， 应 使 用 ServerVariables 方法 ， 查 询 ( 。”) 变量 。 
A. REMOTE ADDR B. REMOTE HOST 
C. LOCAL ADDR D. PATH INFO 


10. 若 要 将 虚拟 路 径 转换 为 真实 的 物理 路 径 ， 下 面 语句 正确 的 是 〈 汇 
A. Response.MapPath( 虚 拟 路 径 ) B. Request.MapPath( 虚 拟 路 径 ) 
C. ServerURLEncode( 虚 拟 路 径 ) DD. Server.MapPath( 虚 拟 路 径 ) 

11. 如 果 要 获取 客户 端 所 提交 的 表单 数据 ， 应 使 用 〈 ) 对 象 来 实现 。 


A. Request B. Response C. Server D. Session 


全 si 


一 、 实 训 目 的 

1. 掌握 Windows 2003/XP 和 Windows 7 上 IIS 的 安装 与 配置 。 

2. 掌握 虚拟 目录 的 设置 及 在 Dreamweaver CS3 中 设置 测试 服务 器 的 方法 和 步骤 。 

3. 掌握 VBScript 语言 基本 的 语法 。 

4. 通过 实 训 ， 掌 握 ASP 内 置 对 象 常用 的 方法 和 属性 。 

二 、 实 训 内 容 

1. 利用 课堂 介绍 的 方法 ， 学 会 在 计算 机 上 安装 IS。 利 用 记事 本 ， 编 写 一 个 简单 的 
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ASP 网 页 程序 myfirstasp， 保 存在 主 目录 下 ， 实 现在 浏览 器 正 中 输出 “这 是 我 的 第 一 个 
ASP 程序 !”。 
2. 在 主 目录 以 外 的 文件 夹 中 运行 ASP 程序 。 
在 D 盘 (或 E 盘 ) 下 建立 myasp 文件 来， 把 本 书 配套 案例 素材 中 提供 的 time.asp 等 文 
件 复制 到 myasp 文件 夹 。 然 后 在 IIS 中 建立 虚拟 目录 asplx 指向 myasp 文件 夹 ， 并 在 浏览 器 
正 中 查看 结果 。 
3. 输出 一 个 由 “*” 组 成 的 金字 塔 ， 要 求 采用 双重 循环 编写 程序 。 运 行 结果 如 图 6-36 
所 示 。 
丰 
站 村 
太太 六 
六 站 六 亲 
六 厅 亲 六 六 
六 率 弟 六 六 率 
六 亲 亲 六 六 站 本 
本 站 六 冰冰 站 不 站 
本 订 六 六 站 六 六 亲本 
站 让 站 半 站 站 丰 站 站 半 


图 6-36 由 “*” 组 成 的 金字 塔 
4. 如 图 6-37 所 示 ， 单 击 【 提 交 】 按 钮 后 在 窗 体 下 端 显 示 不 同 的 欢迎 词 ， 如 果 是 男士 ， 


页 面 出 现 “欢迎 你 ，*** 先 生 !” 如 果 是 女士 ， 页 面 出 现 “欢迎 你 ，*** 女 士 !1”， 其 中 *** 
代表 登录 者 的 姓名 。 


姓名 ， | 
性 别 。 男 女 | 
区 | 

6-37 ”表单 提交 


5. 编写 ASP 程序: 早上 浏览 器 页 面 显示 “欢迎 你 ,早上 好 ” 下 午 浏 览 器 页 面 显示 “ 欢 
迎 你 ， 下 午 好 ” 晚上 浏览 器 页 面 显示 “欢迎 你 ， 晚 上 好 ”( 超 过 12 点 为 下 午 ， 下 午 超过 
18 点 为 晚上 )。 

6. 利用 Cookies 功能 实现 简易 网 页 计数 器 。 

7. 开发 一 个 简单 的 在 线 考试 程序 ， 包 括 5 道 单 选 题 ， 单 击 【 交 卷 】 按 钮 后 就 可 以 根 
据 标 准 答案 在 线 评分 。 

8. 仿 例 6-31 制作 简易 聊天 室 ， 并 尝试 在 此 基础 上 进行 以 下 功能 的 完善 。 

(1) 登录 时 输入 一 次 用 户 名 ,发言 时 不 再 重新 输入 。 
(2) 实现 在 发 言 时 选择 和 显示 用 户 表情 。 
(3) 显示 在 线 成 员 。 


179 


第 7 章 数据 库 基 础 


办 
CO 
\ 二 一 【学 习 目标 】 
CD 了 解数 据 库 的 基本 概念 ， 掌 握 表 、 字 段 、 记 录 等 术语 。 
@ 了 解 Access 和 SQL Server 数据 库 的 基本 操作 。 
@ 掌握 基本 的 SQL 语句 ， 包 括 Select、Insert、Delete 和 Update 语句 。 
图 掌握 为 Access、SQL Server 数据 库 设置 数据 源 的 方法 和 步骤 。 


绝 大 多 数 的 电子 商务 网 站 都 需要 有 后 台数 据 库 的 支持 ， 商 品 数据 、 客 户 数据 及 交易 数 
据 都 需要 保存 在 数据 库 中 。 因 为 数据 库 作为 重要 的 信息 存储 工具 ， 不 但 能 保证 信息 安全 、 
高 效 地 利用 服务 器 端的 空间 进行 存储 ， 而 且 还 可 以 结合 SQL 语句 对 存储 的 信息 进行 添加 、 
修改 、 删 除 、 查 询 等 操作 。 本 章 的 大 多 数 内 容 大 家 可 能 在 过 去 的 课程 中 曾经 学 习 过 ， 所 以 
各 节 内 容 均 属 简介 ， 详 细 介绍 可 查阅 相关 教材 。 


7.1 数据 库 


7.1.1 数据 库 的 基本 概念 


数据 库 ， 顾 名 思 义 就 是 数据 存储 的 仓库 ， 是 将 数据 按照 某 种 方式 组 织 起 来 并 存储 在 计 
算 机 中 ， 以 方便 用 户 使 用 。 在 这 一 点 上 数据 库 与 普通 的 仓库 是 类 似 的 ， 只 不 过 存储 的 方式 
及 使 用 的 方式 不 同 。 数 据 库 是 用 来 组 织 和 管理 数据 的 一 个 逻辑 单位 。 

一 个 典型 的 关系 型 数据 库 通 常 由 一 个 或 多 个 被 称 作 表 的 对 象 组 成 。 数据库 中 的 所 有 数 
据 或 信息 都 被 保存 在 这 些 数 据 库 表 中 。 数 据 库 中 的 每 一 个 表 都 具有 自己 唯一 的 表 名 称 ， 都 
是 由 行 和 列 组 成 , 其 中 每 一 列 包括 了 该 列 字段 名 称 、 数据 类 型 以 及 字段 的 其 他 属性 等 信息 ， 
而 行 则 具体 包含 某 一 列 的 记录 或 数据 。 

(1) 字段 : 字段 是 表 中 的 一 列 ， 是 表 中 各 个 实体 某 一 属性 的 总 和 。 

(2) 记录 : 表 中 的 一 行 数据 ， 它 是 对 某 一 个 具体 实体 的 描述 。 

(3) 主键 : 表 中 的 一 个 或 多 个 字段 ， 用 于 唯一 地 标识 表 中 的 某 一 条 记录 ， 不 允许 
空 值 。 

(4) 表 : 由 若干 条 同类 记录 组 成 的 信息 集合 ， 即 多 个 实体 的 所 有 数据 按 行 排列 后 构 
成 的 一 个 二 维 表格 。 


第 7 章 数据 库 基础 
表 的 有 关 特 性 如 下 。 
小 ”每 一 列 中 的 数据 必须 是 同类 型 的 数据 ， 具 有 相同 的 取 值 范 围 。 
”每 一 个 字段 值 必 须 是 不 可 再 分 的 最 小 数据 项 。 
小 ”任意 两 条 记录 的 值 不 能 完全 相同 。 
小 ” 表 中 记录 的 次 序 无 关 紧 要 ， 改 变 一 个 表 中 两 条 记录 的 顺序 不 影响 数据 的 含义 。 


7.1.2 数据库 管理 系统 


要 科学 地 组 织 和 存储 数据 ， 高 效 地 获取 和 维护 数据 ， 就 需要 由 一 个 专门 的 软件 系统 来 
完成 ， 这 个 软件 系统 就 是 数据 库 管 理 系统 (Database Management System，DBMS)。 也 就 
是 说 ， 数 据 库 管理 系统 是 帮助 用 户 建立 、 使 用 和 管理 数据 库 的 软件 系统 ， 如 Microsoft Access、 
SQL Server、MySQL、Oracle、DB2、Informix 等 。 根 据 数据 库 管 理 系统 中 数据 的 组 织 方式 
的 不 同 ， 数 据 库 管 理 系 统 又 分 为 关系 型 、 层 次 型 和 网 状 型 。 目 前 用 得 最 多 的 是 关系 型 数据 
库 管理 系统 ，SQL Server、Microsoft Access 都 是 关系 型 数据 库 管理 系统 。 


7.2 ”网络 数据 库 的 选择 


在 ASP 中 , 一 般 使 用 SQL Server 或 Access 数据 库 。Access 数据 库 的 优点 是 配置 简单 、 
容易 使 用 ， 只 要 空间 支持 ASP 即 可 ,不 需要 另外 购买 数据 库 空间 ,数据库 直 接 和 网 站 一 起 
传 到 空间 即 可 ， 移 植 方便 ， 但 效率 较 低 、 站 点 承受 力 小 , 适合 一 般 的 小 型 网 站 ; SQL Server 
面向 中 大 型 应 用 ， 运 行 稳定 、 效 率 高 、 速 度 快 ， 但 配置 起 来 稍 复杂 些 。 

由 于 Access 数据 库 易学 易 用 的 特点 ， 本 书 的 例子 将 以 Access 数据 库 为 主 ， 如 果 需 要 
用 到 SQL Server 数据 库 ， 只 需要 改写 连接 数据 库 的 语句 即 可 。 


7.2.1 Access 数据库 


1.，Access 数据 库 简介 


Access 是 微软 公司 推出 的 在 Windows 操作 系统 下 工作 的 关系 型 数据 库 管理 系统 。 它 采 
用 了 Windows 程序 设计 理念 ， 以 Windows 特有 的 技术 设计 查询 、 用 户 界 面 、 报 表 等 数据 
对 象 ， 内 甬 了 VBA 程序 设计 语言 ， 具 有 集成 的 开发 环境 。Access 提供 图 形 化 的 查询 工具 
和 屏幕 、 报 表 生 成 器 ， 用 户 无 须 编程 和 了 解 SQL 语言 即 可 建立 复杂 的 报表 、 界 面 ， 它 会 
自动 生成 SQL 代码 。 

Access 被 集成 到 Office 系统 办 公 软 件 中 ， 具 有 Office 系列 软件 的 一 般 特点 ， 如 菜单 、 
工具 栏 等 。 与 其 他 数据 库 管 理 系统 软件 相 比 ， 它 更 加 简单 易学 。 一 个 普通 的 计算 机 用 户 ， 
即使 没有 程序 语言 基础 , 仍然 可 以 快速 地 掌握 和 使 用 它 。 不 过 Access 属于 桌面 型 数据 库 系 
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统 ， 不 能 提供 基于 客户 /服务 器 的 多 用 户 访问 能 力 ， 所 以 比较 适合 访问 量 不 大 的 小 型 网 站 。 
Access 数据 库 以 文件 形式 保存 ， 文 件 的 扩展 名 是 .mdb 。 
2. Access 数据 库 的 基本 操作 


由 于 Access 数据 库 的 操作 比较 简单 ， 本 书 略 去 ， 请 读者 自己 参考 相关 Access 数据 库 
的 资料 。 


7.2.2 SQL Server 数据 库 


1， SQL Server 2000 数据 库 简介 


SQL Server 2000 是 由 微软 开发 和 推广 的 关系 数据 库 管理 系统 (DBMS )。 它 功能 强大 、 
操作 方便 ， 广 泛 应 用 于 数据 库 后 台 系统 。 

与 Access 数据 库 相 比 ，SQL Server 2000 具有 以 下 特点 。 

(1) 真正 的 客户 机 /服务 器 体系 结构 。 

(2) 规模 更 大 ， 可 以 将 用 户 的 数据 存储 在 多 个 服务 器 上 ， 并 利用 复制 技术 跨越 多 个 服 
务 器 进行 分 布 式 处 理 ， 实 现 真 正 意 义 上 的 分 布 式 数据 库 。 

(3) 安全 性 更 好 ， 它 可 以 对 登录 用 户 的 身份 进行 认证 ， 并 对 用 户 的 权限 进行 控制 。 

(4) 对 Web 技术 的 支持 ， 使 用 户 能 够 很 容易 地 将 数据 库 中 的 数据 发 布 到 Web 页 面 。 

(5) 强大 的 数据 库 备 份 和 恢复 功能 ， 当 故障 发 生 时 ， 能 根据 备份 和 日 志 迅速 恢复 到 
某 一 时 刻 。 

综 上 所 述 ，SQL Server 2000 无 论 是 从 规模 还 是 在 功能 上 都 更 优 于 Access 数据 库 ， 更 
适合 应 用 于 较 大 规模 的 网 站 数据 库 系统 。 


2， 管 理工 具 


(1) SQL Server 服务 管理 器 。SQL Server 服务 管理 器 负责 启动 、 暂 停 和 停止 SQL 
Server 的 进程 .在 对 SQL Server 数据 库 进行 任何 操作 以 前 , 必须 启动 本 地 或 远程 SQL Server 
服务 ， 这 个 操作 可 以 在 SQL Server 服务 管理 器 中 完成 ， 如 图 7-1 所 示 。 

在 打开 对 话 框 的 【服务 器 】 下 拉 列 表 框 中 选择 要 启动 或 关闭 的 SQL Server 服务 器 ， 从 
【服务 】 下 拉 列 表 框 中 选择 要 启动 或 关闭 的 服务 。 单 击 到 按钮， 可 启动 (或 继续 执行 ) 选 
择 的 服务 ， 单 击 开 按钮 ， 可 暂停 正在 开始 的 服务 ， 单 击 要 | 按钮 ， 可 关闭 正在 开始 的 服务 。 
启动 服务 后 ， 就 可 以 进入 企业 管理 器 开始 创建 数据 库 ， 或 对 已 创建 的 数据 库 进 行 操作 。 

(2) 企业 管理 器 。 企 业 管理 器 类 似 于 Windows 资源 管理 器 的 树 形 结 构 ， 显 示 出 所 有 
SQL Server 对 象 ， 使 用 企业 管理 器 几乎 可 以 完成 所 有 的 管理 工作 。 主 要 包括 : 注册 和 管理 
SQL Server 服务器， 连接、 启动、 暂停 或 停止 SQL Server 服务 ,创建 和 管理 数据 库 ， 创 建 
和 管理 各 种 数据 库 对 象 ( 包 括 表 、 视 图 、 存 储 过 程 、 触 发 器 、 角 色 、 规 则 、 默 认 值 、 用 户 
自 定义 数据 类 型 、 用 户 自 定义 函数 以 及 全 文 目 录 )， 备 份 数据 库 和 事务 日 志 ， 数 据 库 复制 ， 
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设置 任务 调度 、 让 管理 者 进行 警报 设置 ， 提 供 跨 服务 器 的 拖 放 操作 ， 管 理 用 户 账户 ， 编 写 
和 执行 Transact-SQL 语句 ， 管 理 和 控制 SQL Mail 等 。 企 业 管理 器 工作 界面 如 图 7-2 所 示 。 


=5Ix 
服务 器 WW: [Conona222585421 可 
RS [ser | 

刷新 服务 QH) ， | 


》 开始 7 继续 后 ) 


| 暂停 双 ) 
| 停止 O) 


厂 当局 动 0S 时 自动 启动 服务 4) 


EE 查看 四 工具 四 窗口 四。 和 助 中 
各 交 | 斩 国 | 六 多 四 图 | 国 | 米 | 你 凤 D 轨 乌 
下 各 ierorsogt SL Servers 


日 erver 钥 
i 


安全 性 支持 服务 。 Weta Data 
Services 


故 在 运行 =v 1 — NSSQLServer 


7-1 服务 已 启动 


7-2 ”企业 管理 器 工作 界面 


Q@ 创建 数据 库 。 在 企业 管理 器 中 找到 相应 的 数据 库 服 务 器 (如 LOCAL)， 并 展开 该 
服务 器 节点 ， 找 到 【数据 库 】， 在 该 节点 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 【新 
建 数据 库 】 命 令 ， 弹 出 如 图 7-3 所 示 的 对 话 框 。 在 【常规 】 选 项 卡 中 设置 数据 库 的 名 称 为 
myweb， 然 后 打开 【数据 文件 】 选 项 卡 ， 为 该 数据 库 的 数据 文件 定义 大 小 和 存储 位 置 ， 如 


图 7-4 所 示 。 


所 者 (#0) 
所 有 者 | (未知 ) 
创举 日 其 (#0) 
大 小 《未 知 ) 
可 用 空间 (#0) i 
用 户 数 《未知 ) 
备份 
上 次 数据 库 备份 无 
上 次 事务 日 志 备 份 无 
维护 
维护 计划 无 
排序 规则 名 称 了 和 要 软 久 设置 ) 习 


数 色 库 文 件 


吉 除 EE) 
文件 属性 
到 文件 自动 增长 {6) 
文件 增长 最 大 文件 大 小 
三 按 光 字 节 由 | 他 文件 增长 不 委 限 制 出 ] 


Ee 


确定 取消 帮助 


CE |] 省 天 助 


图 7-3 【数据 库 属 性 】 对 话 框 


图 7-4 【数据 文件 】 选 项 卡 


@ 创建 表 。 表 是 存放 数据 的 对 象 。 在 SQL Server 中 ， 创 建 数据 表 的 操作 如 下 。 
选择 新 建 的 myweb 数据 库 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 【新 建 表 】 命 
令 ， 打 开 如 图 7-5 所 示 的 【新 建 表 】 对 话 框 。 
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襄 “myweb” 中 (在 “(local)” 上 ) 的 要 表 


图 7-5 【新 建 表 】 对 话 框 


在 【新 建 表 】 对 话 框 中 定义 表 的 结构 ， 包 括 列 名 、 数 据 类 型 、 长 度 以 及 其 他 属性 。 建 
立 表 以 后 ， 单 击 工具 栏 中 的 【保存 】 按 钮 ， 在 弹出 的 【选择 名 称 】 对 话 框 中 输入 新 表 的 名 
称 ， 如 users。 

@ 为 数据 库 增加 用 户 。SQL Server 数据 库 的 安全 性 非常 高 ， 通 过 用 户 名 和 密码 才能 
访问 。 以 上 面 的 数据 库 myweb 为 例 ， 为 该 数据 库 增 加 一 个 用 户 名 test， 密 码 为 123456。 

在 企业 管理 器 窗口 的 左 侧 展开 【安全 性 】 找到 【登录 】， 单 击 鼠 标 右键 ， 在 弹出 的 快 
捷 菜 单 中 选择 【新 建 登录 】 命 令 ， 打 开 如 图 7-6 所 示 的 对 话 框 。 在 【名 称 】 文 本 框 中 输入 


“test”， 在 【身份 验证 】 栏 中 选中 【SQL Server 身份 验证 】 单 选 按钮 ， 并 输入 密码 123456， 
在 【数据 库 】 下 拉 列 表 框 中 选择 myweb 选项 。 


选择 【数据 库 访 问 】 选 项 卡 ， 如 图 7-7 所 示 。 


SQL Server 登录 属性 一 新 建 登 录 区 | 


SQL Server 登录 属性 一 困 建 登录 [3 
常规 。 | 服务 器 角色 | 数据 库 沪 问 | 常规 | 服务 路 角色 数 稀 库 访问 | 
Eo 0 [Ea 指定 此 本 录 可 以 访问 的 数据 库 G] 
身份 验证 es rg 3 
个 widow 身份 验证 @ maser 
@ noe 
于 DE mt 
“ © CTT 
3 DB ee a 
-myweb 的 数据 库 角色 局} 
SQL Server 身 份 验证 [5] 
smE 三 
了 认 设 轩 
一。 指定 此 登录 的 款 认 语言 和 数据 座 。 
对 数据 库 D} re -| 
语言 L} ET 到 
CE ww | w | 
图 7-6 【新 建 登录 】 对 话 框 (一 ) 图 7-7 【新 建 登录 】 对 话 框 (二 ) 
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在 图 7-7 上 方 选中 myweb 数据 库 ， 在 下 方 选中 public 和 db _ owner 数据 库 ， 然 后 单 击 
【 确定】 按钮 即 可 。 至 此 ， 数 据 库 创建 完毕 。 


7.3 SQL 语言 基础 


7.3.1 SQL 语言 简介 


SQL 是 英文 Structure Query Language 的 缩写 , 意思 为 结构 化 查询 语言 。 SQL 语言 的 主 
要 功能 就 是 同 各 种 数据 库 建立 联系 ， 进 行 沟通 。 按 照 ANSI (美国 国家 标准 协会 ) 的 规定 ， 
SQL 被 作为 关系 型 数据 库 管 理 系统 的 标准 语言 。 目 前 ， 绝 大 多 数 流行 的 关系 型 数据 库 管 理 
系统 ， 如 Oracle、Sybase、SQL Server、Access 等 都 采用 了 SQL 语言 标准 。 虽 然 很 多 数据 
库 都 对 SQL 语句 进行 了 再 开发 和 扩展 ， 但 是 包括 Select、Insert、Update、Delete 和 Create 
等 在 内 的 标准 的 SQL 命令 仍然 可 以 被 用 来 完成 几乎 所 有 的 数据 库 操作 。 


1.， SQL 语言 的 主要 功能 


(1) 数据 定义 功能 : SQL 语言 可 用 于 定义 被 存放 数据 的 结构 和 组 织 ， 以 及 各 数据 项 
间 的 相互 关系 。 

(2) 数据 检索 功能 : SQL 语言 能 使 用 户 或 应 用 程序 从 数据 库 中 检索 数据 并 使 用 这 些 
数据 。 

(3) 数据 操纵 功能 : 用户 或 应 用 程序 通过 SQL 语言 可 以 更 改 数据 库 内 容 ， 如 增加 新 
数据 、 删 除 旧 数 据 或 修改 已 存 入 的 数据 等 。 

2，SQL 语言 的 主要 特点 


(1) SQL 是 一 种 交互 式 查询 语言 。 用 户 可 以 通过 输入 SQL 命令 以 检索 数据 ， 并 将 其 
显示 在 屏幕 上 。 这 是 一 种 简单 易 用 的 数据 查询 方法 。 
(2) SQL 是 一 种 数据 库 编程 语言 。 程 序 员 可 将 SQL 命令 嵌入 到 用 某 种 语言 所 编写 的 
应 用 程序 中 ， 以 存 取 数据 库 中 的 数据 。 
(3) SQL 是 一 种 数据 库 管理 语言 。 数 据 库 管 理 员 可 以 利用 SQL 来 定义 数据 库 组 织 结 
构 、 控 制 数据 存 取 等 ， 从 而 实现 对 大 中 型 数据 库 系 统 的 管理 。 
本 节 将 介绍 ASP 中 最 常用 到 的 SQL 语句 ， 详 细 SQL 语言 内 容 请 大 家 参考 相关 书籍 。 


7.3.2 ”利用 Select 语句 进行 数据 查询 

在 众多 的 SQL 命令 中 ，Select 语句 应 该 算是 使 用 最 频繁 的 。Select 语句 主要 被 用 来 对 
数据 库 进 行 查询 并 返回 符合 用 户 查 询 标准 的 结果 数据 。 

语法 格式 如 下 : 
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Select [Top n] 字段 列表 From 表 [Where 条件 ][Order By 字段 ][Group By 字段 ] 


说 明 : 
(1) Top n: 表示 只 选取 前 n 条 记录 。 如 选取 前 5 条 记录 ， 为 Top 5。 


(2) 字段 列表 : 用 来 决定 哪些 字段 将 作为 查询 结果 返回 。 用 户 可 以 按照 自己 的 需要 


选择 任意 字段 ， 还 可 以 使 用 通配符 “*” 来 设 定 返 回 表格 中 的 所 有 字段 。 
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(3) 表 : 就 是 要 查询 操作 的 目标 数据 表 ， 如 果 是 多 个 表 ， 中 间 用 逗号 隔 开 。 
(4) Where 条 件 : 就 是 查询 时 要 求 满足 的 条 件 。 

(5) Order By: 表示 按 字段 排序 。 

(6) Group By: 表示 按 字段 分 组 。 


1， 简 单 查询 


简单 查询 ， 就 是 不 需要 任何 条 件 ， 只 是 简单 地 选取 若干 字段 和 记录 。 
假定 txl 表 结 构 如 图 7-8 所 示 ， 并 输入 若干 条 记录 。 


时 号 - 
姓名 (小 于 20 位 》 
性 别 (1 位 ) 

年 齿 

电话 《小 于 20 位 》 
E-mail (小 于 S50 位 》 


备注 个 人 简介 
日 期 /时 间 添加 日 期 


7-8 txl 表 结构 
【 例 7-1】 简单 查询 
输出 txl 表 中 所 有 字段 和 记录 : 
Select * from txl 
输出 txl 表 中 前 5 条 记录 : 
Select top 5 * from txl 
输出 txl 表 中 指定 字段 : 
Select strname, strtel from txls 
2，Where 条 件 查询 


利用 Where 条 件 可 以 根据 条 件 进 行 查询 。 
【 例 7-2】 查询 所 有 性 别 为 “ 男 ” 的 记录 


Select * from txl where strsex= " 男 " 


在 Where 条 件 中 可 以 使 用 一 些 运算 符 来 设 定 查询 标准 : = 等 于 )、> (大 于 )、< (小 
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了 和) 
另外 ， 还 有 几 个 特殊 运算 符 用 得 很 多 。 
”Between 运算 符 : 介 于 。 
”In 运算 符 : 在 列表 中 。 
小 ”Like 运算 符 : 模糊 查询 。 通过 使 用 Like 运算 符 可 以 设 定 只 选择 与 用 户 规定 格式 相 
同 的 记录 。 此 外 ， 还 可 以 使 用 通配符 “%?” 来 代替 任何 字符 串 。 
【 例 7-3】 Where 条 件 查询 
查找 介 于 2011 年 7 月 8 日 到 8 月 8 日 添加 的 成 员 : 
Select * from tx| where dtmsubmit between #2011-7-8# and #2011-8-8# 
查找 年 龄 是 18 或 21 的 成 员 : 
Select * from tx| where intage in (18,21) 
查询 所 有 姓 “ 李 ”的 成 员 : 
Select * from txl where strname like " 李 %" 
3， 排 序 
利用 Order By 子 句 可 以 对 查询 结果 进行 排序 。 用 字段 名 指定 排序 关键 字 。DESC 表示 
降序 ，ASC 表示 升序 。 系 统 默认 为 升序 。 
【 例 7-4】 查询 结果 排序 
如 按 姓名 升序 排序 : 
Select * from txl order by strname asc 
4. 使 用 统计 函数 查询 
(1) 计数 函数 Count(< 字 段 名 >): 统计 字段 名 所 在 列 的 行 数 。 一 般 用 Count(*) 表 示 计 
算 查 询 结果 的 行 ， 即 元 组 的 个 数 。 
(2) 求 和 函数 Sum(< 字 段 名 >): 对 某 一 列 的 值 求 和 《必须 是 数值 型 字段 )。 
(3) 计算 平均 值 Avg(< 字 段 名 >): 对 某 一 列 的 值 计 算 平 均值 〈 必 须 是 数值 型 字段 )。 
(4) 求 最 大 值 Max(< 字 段 名 >): 找 出 一 列 中 的 最 大 值 。 
(5) 求 最 小 值 Min(< 字 段 名 >): 找 出 一 列 中 的 最 小 值 。 
【 例 7-5】 统计 查询 
查询 表 中 的 记录 总 数 : 
Select count(*) as total from txl 
返回 记录 集中 只 有 一 条 记录 、 一 个 字段 。total 就 是 该 字段 的 名 称 。 
查询 表 中 最 大 年 龄 : 
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Select max(intage) as maxage from txl 
返回 记录 集中 也 只 有 一 条 记录 、 一 个 字段 。maxage 就 是 该 字段 的 名 称 。 
5S， 多 表 查 询 


以 上 介绍 的 都 是 单 表 查 询 ， 在 实际 查询 中 经 常会 遇 到 从 多 个 表 中 组 合 查询 。 
假定 一 图 书 借阅 系统 包括 的 3 个 基本 表 如 下 : 

图 书 (总 编号 ， 分 类 号 ， 书 名 ， 作 者 ， 出 版 单位 ， 单 价 》 

读者 〈 借 书证 号 ， 单 位 ， 姓 名 ， 性 别 ， 职 称 ， 地 址 ) 

借阅 〈 借 书证 号 ， 总 编号 ， 借 书 日 期 ) 

【 例 7-6】 查找 所 有 借阅 了 图 书 的 读者 的 姓名 和 单位 。 


Select 姓名 ,单位 from 读者 ,借阅 Where 读者 . 借 书证 号 = 借阅 . 借 书 证 号 
【 例 7-7】 查找 价格 在 20 元 以 上 已 借 出 的 图 书 ， 结 果 按 单价 升序 排列 。 
Select * from 借阅 , 图 书 where 图 书 .总 编号 = 借阅 .总 编号 and 单价 >=20 order by 单价 asc 


7.3.3 ”利用 Insert 语句 进行 数据 的 添加 


在 电子 商务 网 站 的 信息 维护 中 ， 经 常 需要 向 数据 库 添 加 数据 ， 如 企业 信息 、 产 品 信息 
等 。 这 时 ， 可 通过 Insert 语句 向 表 中 添加 新 数据 ， 格 式 如 下 : 

Insert Into 表 名 (字段 列表 )Values( 字 段 值 列 表 ) 

说 明 : 

(1) 要 求 字 段 值 列表 中 的 各 数值 顺序 及 数据 类 型 与 字段 列表 中 各 字段 相互 对 应 ， 否 
则 会 出 现 操 作 错 误 。 

(2) 可 以 只 给 部 分 字段 赋值 ， 但 是 主键 字段 必须 赋值 。 人 允许 为 空 的 和 有 默认 值 的 字 
段 名 都 可 以 省 略 ， 但 不 允许 为 空 的 字段 不 能 省 略 。 

(3) 不 需要 给 自动 编号 的 字段 赋值 。 

(4) 若 字段 类 型 为 文本 或 备注 型 ， 则 该 字段 值 两 边 要 加 引号 ; 若 为 日 期 /时 间 型 ， 
则 该 字段 值 两 边 要 加 # 号 ; 若 为 数字 型 ， 可 直接 写 数字 ; 若 为 布尔 型 ， 则 字段 值 为 True 
或 False。 

【 例 7-8】〗】 使 用 Insert 语句 添加 记录 

向 txl 表 中 添加 一 条 记录 ， 只 添加 stmame 字段 : 

Insert Into txl(strmname) Values(" 李 庆 航 ") 

向 tl 表 中 添加 一 条 完整 记录 : 


Insert Into txl(strname,strsex,intage,strtel,stremail,strintro,dtmsubmit) Values(" 孙 冬 冬 "，" 男 "，20， 
"5185188", "sdd@163.com"," 电 商 10",#2011-7-8#) 
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7.3.4 利用 Delete 语句 删除 数据 


在 SQL 语言 中 ,利用 Delete 语句 可 以 删除 表 中 的 一 条 记录 或 若干 条 记录 。 格 式 如 下 : 
Delete From 表 名 [Where 删除 条 件 ] 
说 明 : 
(1) 如 果 设 定 了 Where 条 件 ， 那 么 凡是 符合 条 件 的 记录 都 会 被 删除 。 如 果 没 有 符合 
条 件 的 记录 ， 则 不 删除 。 
(2) 如 果 用 户 在 使 用 Delete 语句 时 不 设 定 Where 从 句 ， 则 表格 中 的 所 有 记录 将 全 部 
被 删除 。 
【 例 7-9】 使 用 Delete 语句 添加 记录 
删除 txl 表 中 所 有 记录 : 


Delete from txl 
删除 txl 表 中 stmame 为 “ 李 英 梅 ”的 记录 : 
Delete from txl where strmname=" 李 英 梅 " 


7.3.5 利用 Update 语句 进行 数据 的 更 新 


数据 库 中 的 信息 不 是 一 成 不 变 的 ， 而 是 每 时 每 刻 都 在 发 生 着 变化 。 例 如 txl 表 中 用 户 
的 联系 方式 变 了 ， 这 时 就 需要 对 已 存在 的 数据 进行 更 新 。 在 SQL 语言 中 ， 利 用 Update 语 
句 来 实现 更 新 数据 的 功能 。 语 法 如 下 : 

Update 表 名 Set 字段 名 1= 字 段 值 1, 字 段 名 2= 字 段 值 2… [Where 条 件 ] 

说 明 : 如 果 设 定 了 Where 条 件 ， 那么 Where 条 件 是 用 来 指定 更 新 数据 的 范围 。 如 果 省 
略 Where 条 件 ， 将 更 新 数据 库 表 内 的 所 有 记录 。 

【 例 7-10】 利用 Update 语句 更 新 数据 

给 txl 表 中 所 有 人 的 年 龄 增加 1 岁 : 


update txl set intage =intage+1 
更 新 txl 表 中 strname 为 “ 宋 西 ”的 年 龄 和 电话 : 


update txl set intage =21 ,strtel="8589999" where strname= " 宋 西 " 


7.4 设置 ODBC 数据 源 


动态 网 站 的 制作 ， 离 不 开 数 据 库 的 支持 。 如 何 将 网 页 与 数据 库 进 行 连接 呢 ? 连接 数据 
库 有 多 种 方式 ， 其 中 重要 的 一 种 就 是 通过 ODBC 数据 源 。 
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所 谓 ODBC (Open Database Connectivity)， 又 称 为 开放 数据 库 互 联 ， 它 建立 了 一 组 规 
范 ， 并 提供 了 一 组 对 数据 库 访问 的 标准 API〈 应 用 程序 编程 接口 ) 来 管理 和 操作 数据 库 。 
因此 ， 其 内 部 原理 我 们 不 必 关 心 ， 只 要 掌握 使 用 ODBC 的 方法 和 步骤 即 可 。 

以 Windows XP /Windows 7 为 例 (二 者 步骤 相同 ), 为 数据 库 ecnews.mdb 建立 数据 源 。 

(1) 选择 【开始 】 一 【控制 面板 】 一 【管理 工具 】 一 【数据 源 (ODBC)]】 命令 ， 弹 
出 如 图 7-9 所 示 的 对 话 框 。 

(2) 选择 【系统 DSN】 选 项 卡 ， 然 后 单 击 【 添 加 】 按 钮 ， 弹 出 如 图 7-10 所 示 的 【 创 
建新 数据 源 】 对 话 框 。 
[ 周 户 neh 系统 D5 | 文件 sy | 驱动 程序 | 中 中 “| 连接 也 关于 

SR 
| 名称 并 程序 


7-9 【ODBC 数据 源 管理 器 】 对 话 框 7-10 【创建 新 数据 源 】 对 话 杠 


(3) 选择 Microsoft Access Driver (*.mdb) 选项 ， 然 后 单 击 【完成 】 按 钮 ， 将 弹出 如 
图 7-11 所 示 的 【ODBC Microsoft Access 安装 】 对 话 框 。 


数据 库 :。 Enyasp\news0\ecnews. ndb 
[9 | [B 雪 0... | [ 修 艳史 | [ 压 编 o)， 


[EEC 
图 7-11 【ODBC Microsoft Access 安装 】 对 话 框 


(4) 在 【数据 源 名 】 文 本 框 中 输入 “news”。 单 击 【选择 】 按 钮 ， 选 择 数据 库 的 路 径 ， 
如 “E:myaspmewsOvecnewsmdb”， 单 击 【确定 】 按 钮 。 

(5) 添加 完毕 后 ， 可 以 看 到 在 【ODBC 数据 源 管理 器 】 对 话 框 中 出 现 了 该 数据 源 的 
名 称 news。 
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[Oss 


一 、 简 答题 


上 mi 一 


数据 库 中 的 表 有 哪些 基本 特性 ? 

SQL 语言 中 常用 的 语句 有 哪些 ? 简 述 各 自 的 语法 格式 。 

什么 是 ODBC? 如 何 设置 DSN? 

设置 数据 源 后 ， 如 果 移 动 了 数据 库 的 位 置 ， 数 据 源 还 能 正常 使 用 吗 ? 


二 、 选 择 题 ( 可 多 选 ) 


Ls 


要 查询 用 户 表 中 最 新 的 5 条 记录 ， 应 该 用 语句 ( )。 
A. selecttop 5 * from user order by id desc 

B. select* from user order by ld desc 

C. selecttop 5 * from user 

D. select*# from user top 5 order by ld desc 


.执行 完 Delete From users 语句 后 ， 共 删除 ) 条 记录 。 


A. 0 总 > C. 全 部 D. 若干 条 


.要 查找 姓 李 并 且 年 龄 在 30 一 40 岁 之 间 的 所 有 成 员 ， 应 该 用 语句 (  )。 


A. Select* From stu Where 姓名 Like " 李 %" and (年 龄 Between 30 and 40) 
B. Select* From stu Where 姓名 Like " 李 " and (年 龄 Between 30 and 40) 
C. Select * From stu Where 姓名 Like " 李 %" and (年 龄 Between 30,40) 

D. Select * From stu Where 姓名 Like "% 李 %" and (年 龄 Between 30, 40) 


. 下 面 ( ”) 函数 可 以 用 来 返回 数据 表 中 的 记录 总 数 。 


A. Count B. Avg C. Sum D. Max 


.要 在 用 户 表 users 中 插入 记录 ， 下 面 语句 正确 的 是 (  )。 


A. Insert Into users(strName,strTel) Values(" 黄 誉 ","8885632") 
B. Insert Into users(strName,strEmail) Values(" 黄 誉 ", "") 

C. Insert Into users(strName,strEmail) Values(" 黄 誉 ",NULL) 
D. Insert Into users(strName,intAge) Values( 黄 誉 ,21) 


入 


一 、 实 训 目 的 


ly 


掌握 常用 SQL 语句 的 使 用 。 
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2. 掌握 设置 ODBC 数据 源 的 方法 和 步 又 。 
二 、 实 训 内 容 
准备 : 建立 某 班 同学 通讯 录 数 据 库 datamdb， 内 有 一 张 数据 表 users， 表 中 有 字段 id、 
password、name、address、phone、qq 和 email， 并 输入 若干 条 记录 。 要 求 : 
1. 为 数据 库 data mdb 设置 数据 源 txl。 
2. 在 Access 查询 窗口 中 运行 下 面 的 SQL 语句 。 
(1) 插入 语句 insert…into。 


向 数据 表 中 添加 一 条 记录 , 值 分 别 是 1234， 张 波 ,河北 石家庄 ，031188881234，4456878， 
Zhangbo@163.com。 


insert into users(password, name, adderss, phone, qq,email)values("1234"," 张 波 "," 河 北 石家庄 ", 
"031188881234", "4456878","zhangbo@163.com") 


(2) 选择 语句 select…from。 
查询 数据 表 中 的 所 有 记录 : 


Select * from users 

查询 name 是 “云云 ”的 所 有 记录 : 

Select * from users where name=" 云 云 " 

查询 name 是 “ 强 强 ” 的 qq: 

Select qq from users where name=" 强 强 " 

查询 name 是 “云云 ”的 address、phone、qq: 


Select address,phone,qq from users where name= "云云 


(3) 更 新 语句 update*…set*…。 
将 name 是 “玲玲 ”的 phone 更 新 成 “1236987”: 


Update users set phone="1236987" where name=" 玲 玲 " 


将 name 是 “王强 ”的 password 更 新 成 “8888”: 


Update users set password="8888" where name=" 王 强 " 


(4) 删除 语句 delete…from。 
删除 name 是 “ 王 平 ”的 所 有 记录 : 


Delete * from users where name=" 王 平 
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@ 

EO [学 5 目标] 
人 掌握 连接 数据 库 的 方法 。 
@ 掌握 查询 记录 、 添 加 记录 、 删 除 记录 及 更 新 记录 等 操作 。 
@ 能 编写 电子 商务 网 站 中 常用 的 程序 模块 。 


利用 ASP 开发 电子 商务 网 站 的 程序 , 必须 依靠 ActiveX 服务 器 组 件 才 能 实现 网 站 的 各 
种 功能 。 所 谓 ActiveX 组 件 ， 就 是 一 个 存在 于 Web 服务 器 上 的 文件 ， 该 文件 包含 执行 某 项 
或 一 组 任务 的 代码 , 组 件 可 以 执行 公用 任务 , 这 样 就 不 必 自 己 去 创建 执行 这 些 任务 的 代码 。 
在 ASP 中 内 置 了 许多 功能 强大 的 ActiveX 服务 器 组 件 , 如 数据 库存 取 组 件 、 文 件 存 取 组 件 、 
广告 轮 显 组 件 、 超 链接 组 件 等 ， 利 用 这 些 组 件 提供 的 对 象 ， 可 以 方便 地 完成 数据 库存 取 、 
文件 存 取 等 功能 。 本 章 介 绍 应 用 最 为 广泛 的 数据 库存 取 组 件 。 


8.1 ADO 的 3 个 主要 对 象 


Web 应 用 程序 开发 过 程 中 最 常见 和 最 实用 的 任务 就 是 访问 服务 器 端的 数据 库 ， 如 显示 
企业 发 布 的 信息 、 添 加 新 的 产品 等 。ASP 中 内 置 的 数据 库存 取 组 件 (Database Access 
Component) 是 使 用 ADO (ActiveX Data Objects) 技术 来 存 取 符 合 ODBC (Open Database 
Connectivity) 标准 的 数据 库 或 具有 表格 状 的 数据 〈 如 Excel 文件 )， 是 所 有 ASP 内 置 组 件 
中 最 重要 和 最 常用 的 一 个 组 件 。 

ADO 是 一 组 具有 访问 数据 库 功 能 的 对 象 和 集合 。 它 是 微软 对 所 支持 的 数据 库 进 行 操 
作 的 最 有 效 和 最 简单 直接 的 方法 ， 用 于 访问 存储 在 数据 库 或 其 他 表格 式 数据 结构 中 的 数 
据 。 它 包括 Connection、Command 及 Recordset 3 个 主要 对 象 ， 其 中 Connection 为 数据 库 
连接 对 象 ， 主 要 负责 建立 与 数据 库 的 连接 : Command 对 象 为 数据 库 命令 对 象 ， 负 责 执 行 
对 数据 库 的 一 些 操作 ; Recordset 对 象 为 记录 集 对 象 , 用 于 返回 从 数据 库 查 询 到 的 记录 。 记 
录 集 类 似 于 一 个 数据 库 中 的 表 ， 由 若干 列 和 若干 行 组 成 ， 可 以 看 作 一 个 虚拟 的 表 。 

事实 上 ， 由 于 3 个 对 象 功能 有 交叉 ， 所 以 使 用 时 Command 对 象 经 常 可 以 省 略 。 下 面 
是 开发 数据 库 程 序 的 常用 流程 。 

(1) 创建 数据 库 连 接 对 象 Connection。 
(2) 利用 Connection 连接 数据 库 。 
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(3) 利用 建立 好 的 连接 ， 通 过 Connection 对 象 或 Recordset 对 象 执行 SQL 命令 。 
(4) 使 用 记录 集 。 完 成 查询 以 后 ， 返 回 的 记录 集 就 可 以 被 应 用 程序 所 使 用 。 
(5) 当 完 成 了 所 有 数据 操作 后 ， 关 闭 数据 库 连 接 ， 并 释放 对 象 。 


8.2 连接 数据 库 


Web 页 面 要 访问 数据 库 ， 必 须 和 数据 源 建立 连接 。 此 时 ， 可 利用 Connection 对 象 ， 建 
立 并 管理 Web 程序 和 数据 库 之 间 的 连接 。 


8.2.1 创建 Connection 对 象 实例 


在 使 用 Connection 对 象 之 前 ， 必 须 首先 建立 Connection 对 象 实例 。 可 通过 调用 Server 
对 象 的 CreateObject 方法 实现 。 语 法 如 下 : 

Set Connection 对 象 实例 =Server.CreateObject("ADODB.Connection") 

建立 了 实例 以 后 ， 并 没有 实现 与 数据 库 的 真正 连接 ， 还 需要 利用 Connection 对 象 的 open 
方法 建立 与 数据 库 的 真正 连接 。 语 法 如 下 : 

Connection 对 象 实例 .Open 数据 库 连接 字符 串 

这 里 的 数据 库 连接 方式 有 多 种 ， 下 面 以 Access 数据 库 和 SQL Server 数据 库 为 例 分 别 
予以 介绍 。 

1， 连接 Access 数据 库 


(1) 基于 ODBC 数据 源 的 连接 方式 。 这 种 方法 通过 ODBC 建立 与 数据 库 的 连接 ， 要 
求 必 须 在 控制 面板 的 【ODBC 数据 源 管 理 器 】 中 建立 数据 源 DSN， 并 根据 DSN 提供 的 数 
据 库 位 置 、 数 据 库 类 型 及 ODBC 驱动 程序 等 信息 ， 建 立 起 与 具体 数据 库 的 联系 。 如 第 7 
章 中 ， 已 经 建立 ecnews.mdb 的 数据 源 news， 则 可 以 通过 以 下 代码 实现 与 数据 库 的 连接 。 


<% 
Dim conn 
Set conn=Server.CreateObject("ADODB.Connection") 
conn.Open "DSN=news" 

%> 


注意 : 其 中 , news 为 第 7 章 中 建立 的 数据 源 名 称 。 另 外 ， 数 据 库 连 接 字符 串通 常 可 以 
省 略 “DSN =”， 因 此 最 后 一 句 还 可 以 写 为 “conn.Open "news"”。 

(2) 基于 ODBC， 但 是 不 用 数据 源 的 连接 方式 。 使 用 上 面 的 数据 源 的 连接 方式 比较 
简单 ， 但 是 它 的 可 移植 性 比较 差 。 如 果 希 望 把 一 个 网 站 程序 从 一 个 服务 器 移植 到 另 一 个 服 
务 器 上 ， 还 需要 在 另 一 台 服 务 器 上 设置 数据 源 ， 比 较 麻烦 。 下 面 是 不 利用 数据 源 的 直接 连 
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接 方法 。 


Dim conn 

Set conn=Server.CreateObject("ADODB.Connection") 

conn.Open "Driver={Microsoft Access Driver (*.mdb)};Dbq=E:\myasp\ecnews.mdb" 
%> 


上 面 的 连接 字符 串 比 较 长 ， 其 作用 可 分 为 两 部 分 : 前 面 是 指定 数据 库 的 驱动 程序 ， 分 
号 后 面 是 指定 数据 库 的 物理 路 径 。 当 网 站 程序 移植 时 , 数据 库 文件 的 物理 路 径 仍 需要 修改 ， 
很 麻烦 。 实 际 做 法 是 利用 Server 对 象 的 MapPath 方法 将 相对 路 径 转换 为 物理 路 径 ， 因 此 ， 
上 面 的 程序 可 改写 为 : 


<% 

Dim conn 

Set conn=Server.CreateObject("ADODB.Connection") 

conn.Open "Driver={Microsoft Access Driver (*.mdb)};Dbq=" & Server.MapPath("ecnews. 
mdb") 
%> 


注意 : Driver 与 括号 之 间 有 空格 。 
(3) 基于 OLE DB 的 连接 方式 。OLE DB 是 一 种 更 底层 也 更 高 效 的 数据 库 连 接 方式 ， 
是 微软 通 向 不 同 数据 源 的 低级 应 用 程序 接口 。 代 码 如 下 : 


<% 

Dim conn 

Set conn=Server.CreateObject("ADODB.Connection") 

conn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.Mappath("ecnews.mdb") 
%> 
2.， 连接 SQL Server 数据 库 


连接 SQL Server 数据 库 其 实 和 Access 数据 库 是 一 样 的 ， 只 是 数据 库 连 接 字符 串 略 有 
区 别 。 
例如 ， 已 经 建立 一 个 SQL Server 数据 库 ，Database 名 称 为 news， 数 据 库 登 录 账 号 为 
test， 密 码 为 123456，ODBC 数据 源 名 称 为 newstest， 连 接 方法 如 下 。 
(1) 基于 ODBC 数据 源 的 连接 方式 。 


<% 
Dim conn 
Set conn=Server.CreateObject("ADODB.Connection") 
conn.Open "DSN=newstest;Uid=test;Pwd=123456" 
%> 
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(2) 基于 ODBC， 但 是 不 用 数据 源 的 连接 方式 。 


<% 

Dim conn 

Set conn=Server.CreateObject("ADODB.Connection") 

conn.Open " Driver={SQL Server}; Server=localhost; Database=news; Uid=test; Pwd=123456" 
%> 


(3) 基于 OLE DB 的 连接 方式 。 


<% 

Dim conn 

Set conn=Server.CreateObject("ADODB.Connection") 

conn.Open "Provider=SQLOLEDB; Data Source=localhost; initial Catalog=news; Uid=test; 
Pwd= 123456" 
%> 


8.2.2 ”Connection 对 象 的 常用 属性 和 方法 

Connection 对 象 包 含 很 多 属性 和 方法 。 除 了 前 面 讲 过 的 Open 方法 ， 常 用 的 属性 和 方 
法 还 包括 以 下 几 种 。 

1.， ConnectionString 属性 和 Mode 属性 

ConnectionString 属性 用 于 指定 数据 库 连 接 字符 串 ， 这 样 就 不 需要 在 Open 方法 中 指定 
了 。 例 如 : 


< % 
conn.ConnectionString="DSN=news" 
conn.Open 

%> 


Mode 属性 用 来 设置 连接 数据 库 的 权限 ， 例 如 只 读 或 只 写 。 属 性 值 为 1 表示 只 读 ，2 
表示 只 写 。 默 认为 3， 表 示 可 读 可 写 。 例 如 : 


<% 
conn.Mode=1 ' 设 置 打开 的 数据 库 为 只 读 
conn.Open "DSN=news" 

%> 

2. Close 方法 


Close 方法 用 来 关闭 一 个 已 打开 的 Connection 对 象 。 关 闭 对 象 并 非 从 内 存 中 删除 ， 可 
以 更 改 它 的 属性 设置 并 且 在 此 后 再 次 打开 。 要 将 对 象 从 内 存 中 完全 删除 ， 还 要 将 其 设置 为 
nothing。 用 法 如 下 : 
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<% 
conn.close ' 关 闭 与 数据 库 的 连接 
Set conn=nothing ' 从 内 存 中 清除 该 对 象 
%> 


3.，Execute 方法 


当 连 接 了 数据 库 后 就 可 以 对 数据 库 进 行 操作 ， 例 如 查询 、 删 除 、 更 新 等 ， 这 些 操 作 都 
是 通过 SQL 指令 来 完成 的 ， 语 法 格式 如 下 : 
(1) 无 返回 记录 集 的 使 用 格式 。 
Connection.Execute SQL 语句 
(2) 返回 记录 集 的 使 用 格式 。 
Set Recordset 对 象 实例 = Connection 对 象 实例 Execute SQL 语句 
如 下 例 在 数据 库 表 txl 中 查询 所 有 姓 “ 李 ”的 记录 : 
<% 
sql="select * from txl where strname like ' 李 %'" 
Set rs = conn.Execute(sql) ' 返 回 记 录 集 rs 
%> 
上 面 的 命令 执行 后 ， 会 返回 一 个 记录 集 对 象 rs。 
注意 : 此 时 返回 的 Recordset 对 象 rs 始终 为 只 读 ， 指 针 仅 能 向 前 。 如 需要 具有 更 多 功 
能 的 Recordset 对 象 ， 应 首先 创建 Recordset 对 象 ， 然 后 使 用 Recordset 对 象 的 Open 方法 执 
行 查询 。 


8.3 ”和 存 取 数据 库 


本 节 内 容 将 以 开发 一 个 企业 网 站 的 新 闻 发 布 系统 程序 为 例 ， 综 合 利用 前 面 学 到 的 知识 
来 实现 新 闻 的 显示 、 添 加 、 删 除 与 修改 。 与 静态 网 页 的 制作 比较 ， 动 态 的 新 闻 系 统 不 再 需 
要 每 次 都 重新 编辑 网 页 ， 而 是 直接 把 新 闻 记 录 数 据 保存 到 数据 库 中 。 网 站 首页 一 般 都 以 新 
闻 标 题 罗列 的 方式 展示 公司 的 最 新 动态 及 相关 资讯 信息 ， 浏 览 者 可 通过 单 击 标题 的 超 链接 
进入 到 新 闻 资 讯 详 细 浏览 页 面 ， 即 从 数据 库 中 调 出 数据 ， 显 示 在 动态 页 面 上 ， 管 理 起 来 方 
便 、 快 捷 。 


8.3.1 ”数据 库 准 备 工作 


1， 建 立 数据 库 
建立 一 个 企业 新 闻 数 据 库 ecnews.mdb， 其 中 一 个 表 为 tbnews， 表 结构 如 图 8-1 所 示 。 
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口 tbnews : 雪 
字段 名 称 | ”数据 类 型 ”| 
副 记 自动 编号 
nane 文本 发 表 新 闻 人 的 姓名 

|eontent 备注 发 表 新 闻 的 内 容 
on 数字 新 闻 被 浏览 的 次 
[i 日 期 /村 间 ”新 闻 发 表 的 时 间 
title 文本 新 闻 标题 


图 8-1 tbnews 表 的 字段 设置 
2. 输入 记录 


在 tbnews 表 中 输入 若干 条 记录 ， 以 方便 后 面 的 测试 。 


8.3.2 ”使 用 Connection 对 象 的 Execute 方法 存 取 数 据 库 
1. 利用 Select 语句 查询 记录 


要 把 记录 显示 在 页 面 上 ， 就 需要 用 到 SQL 语言 的 Select 语句 。 具 体 过 程 如 下 。 
(1) 利用 Connection 对 象 连接 数据 库 。 


(2) 利用 Connection 对 象 的 Execute 方法 执行 一 条 Select 语句 ， 该 方法 就 会 返回 一 个 
记录 集 对 象 (Recordset)。 


(3) 在 记录 集中 利用 循环 移动 指针 依次 读 取 所 有 的 记录 。 
【 例 8-1】 将 数据 库 中 的 企业 新 闻 记 录 显 示 在 首页 页 面 上 (index.asp) 


<html> 
<style type="text/css"> 
x= 
table { 
font-size: 9pt; 
text-decoration: none; 
border: 1px solid #000000; 
} 
af 
font-size: 9pt; 
color: #000000; 
text-decoration: none; 


1) 


> 
</style> 
<body> 
<% 
"以 下 连接 数据 库 ， 建 立 一 个 Connection 对 象 conn 


Dim conn,strConn 
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Set conn=Server.CreateObject("ADODB.Connection") 
conn.Open "DSN=news” 


"以 下 建立 记录 集 ， 建 立 一 个 RecordSet 对 象 实例 rs 


Dim rs,strSql 

strSql="Select * From tbnews Order By ID DESC" ' 按 自动 编号 字段 降序 排列 
Set rs=conn.Execute(strSql) 执行 后 ， 返 回 记 录 集 rs 
"以 下 利用 表格 显示 记录 集 rs 中 的 记录 

%> 


<table width="598" border="0" align="center" cellpadding="5" cellspacing="0"> 

<tr align="center" bgcolor="#006666"> 

<td><font color="#FFFFFF"> 新 闻 显 示 页 面 </font></td> 

</tr> 

<%do while not rs.eof%> 

<tr> 

<td height="28" align="left"><img src="page.gif” width="12” height="14">&nbsp;<a href= 
show.asp?id= <%=rs("id")%> target="_blank"><%=rs("title")%></a>&nbsp;&nbsp;(<font color= 
"#006699"><%=rs("addtime")%> 发 表 </font>)<font color="#006699">&nbsp; 浏 览 过 <%=rs 
("count")%> 次 </font></td> 

</tr> 

<% 

rs.movenext 

loop 

%> 

</table> 

</body> 
</html> 


程序 运行 结果 如 图 8-2 所 示 。 


企业 新 闻 显 示 


如 果 有 什么 意见 可 以 留言 给 我 ! (2011/3/9 10:24:3 
企业 新 闻 系 统 测 坏 ”C2011/3/9 10:24:16 发 表 ) 
测 示 一下! 。 (2011/3/8 21:39:28 发 表 ) 浏览 过 


图 8-2 企业 新 闻 显示 页 面 


说 明 : 
(1) 若 没 有 建立 DSN 数据 源 , 也 可 将 代码 中 的 “Conn.Open "DSN=news" ”语句 换 为 : 


Conn.Open "DBQ="&server.mappath("ecnews.mdb")&";driver={microsoft access driver (*.mdb)}" 


(2) 执行 Conn.Execute 方法 后 , 记录 指针 指向 记录 集 rs 的 第 一 条 记录 , 可 利用 movenext 
方法 移动 依次 指向 每 条 记录 。 当 指针 指向 某 条 记录 时 ， 使 用 记录 和 集 变量 ("字段 名 ") 可 以 
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获取 当前 记录 指定 字段 的 值 。 如 例 8-1 代码 中 ，rs("title") 返 回 新 闻 的 标题 值 。 
2. 利用 Insert 语句 添加 记录 


若 要 增加 一 条 新 闻 ， 可 在 数据 库 中 添加 一 条 记录 ， 此 时 就 需要 用 到 SQL 语言 的 Insert 
语句 。 具 体 过 程 如 下 。 
(1) 利用 Connection 对 象 连接 数据 库 。 
(2) 利用 Connection 对 象 的 Execute 方法 执行 一 条 Insert 语句 ， 就 可 以 在 数据 库 表 中 
添加 一 条 记录 。 
(3) 为 实现 在 线 输 入 ， 可 分 为 两 部 分 ， 一 部 分 为 普通 表单 ， 另 一 部 分 为 表单 处 理 
程序 。 
在 例 8-1 中 ， 可 在 首页 index.asp 中 显示 “添加 记录 ”， 并 链接 到 addnews.asp， 具 体 方 
法 : 在 例 8-1 代码 的 表格 前 面 添加 <a hre 伍 "addnews.asp"> 添 加 记录 </a>。 
【 例 8-2】 ”实现 新 闻 记录 的 添加 (addnews.asp 和 save.asp) 
addnews.asp 主要 用 来 显示 添加 记录 的 表单 ， 其 代码 如 下 : 


<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title> 录 入 新 闻 </title> 
<style type="text/css"> 
ei 
table { 
font-size: 9pt; 
text-decoration: none; 
border: 1px solid #000000; 
--> 
</style></head> 
<body> 
<form name="form1" method="post" action="save.asp"> 
<tr align="center" bgcolor="#006666"> 
<td colspan="2"><font color="#FFFFFF"> 新 闻 录 入 </font></td> 
</tr> 
<tr align="center" bgcolor="#FFFFFF"> 
<td align="right"> 录 入 时 间 :</td> 
<td align="left"><%=now()%></td> 
</tr> 
<tr align="center" bgcolor="#FFFFFF"> 
<td align="right"> 新 闻 标题 :</td> 


200 


第 8 章 ASP 存 取 数 据 库 技术 


<td align="left"><input name="title" type="text" id="title" size="38"></td> 
</tr> 
<tr> 
<td width="104" align="right"> 新 闻 内 容 :</td> 
<td width="374" rowspan="2"><textarea name="content" cols="50" rows="8" id="content"> 
</textarea></td> 
</tr> 
<tr> 
<td align="right">&nbsp;</td> 
</tr> 
<tr> 
<td align="right"> 录 入 者 :</td> 
<td><input name="name" type="text" id="name"></td> 
</tr> 
<tr align="center" valign="top"> 
<td colspan="2"><input type="submit" name="Submit”value=" 确 定 提交 "> &nbsp;&nbsp; 
<input type="submit" name="Submit2" value=" 重 新 输入 "></td> 
</tr> 
</table></form> 
</body> 
</html> 


本 程序 运行 后 ， 在 首页 index.asp 中 单 击 【添加 记录 】， 链 接 到 addnews.asp， 显 示 添 加 
新 闻 的 表单 ， 如 图 8-3 所 示 。 


录入 时 间 : 2011/6/19 16:52:34 


新 闻 标 题 


新 闻 内 容 


录入 者 
下] CBA 


图 8-3 新 闻 录 入 表单 
在 上 面 的 表单 中 填写 相关 信息 后 ， 单 击 【 确 定 提交 】 按 钮 ， 将 执行 表单 处 理 程序 


Save.aspo。 


save.asp 代码 如 下 : 


<!--#include file="conn.asp"--> 


' 下 面 利用 Execute 方法 添加 记录 
<% 
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dim vartitle,varname,varcontent,varcount,vartime,strsql 
vartitle=trim(request.form("title")) 
varname=trim(request.form("name")) 
varcontent=request.form("content") 
varcount=0 
vartime=now() 
strsql="insert into tbnews(title,name,content,count,addtime) values(" & vartitle & "," & varname 

&"," & varcontent & "," & varcount & ",#" & vartime & "#)" 
conn.execute(strsql) ' 不 需要 返回 记录 集 ， 直 接 添加 记录 到 数据 库 
response.redirect "index.asp” 

%> 


说 明 : 

(1)“<!--#include file="conn.asp"-->” 就 是 将 conn.asp 中 的 代码 插入 到 当前 asp 文件 
就 好 像 直 接 写 在 save.asp 中 一 样 ， 其 作用 是 连接 数据 库 。 
其 中 ，conn.asp 中 的 代码 如 下 : 


<% Dim conn 

set conn=server.createobject("adodb.connection") 

conn.open "DBQ="&server.mappath("ecnews.mdb")&";driver={microsoft access driver (*.mdb)}" 
%> 


(2) 在 strsql 字符 串 中 ， 由 于 包含 了 许多 单 引号 和 双 引 号 ， 比 较 复杂 。 我 们 知道 ， 在 
SQL 语句 中 ， 文 本 字段 值 前 后 要 加 引号 ， 又 因为 这 里 的 SQL 字符 串 中 出 现 引号 典 套 的 情况 ， 
所 以 实际 上 文本 字段 值 前 后 改 为 加 单 引 号 。 

(3) 上 面 采用 的 insert into 语句 方法 ， 还 可 以 改 用 记录 集 变量 的 addnew 方法 实现 记 
录 的 添加 。 

(4) 完成 记录 添加 后 ， 最 后 一 句 response.redirect "index.asp" 将 重 定向 到 index.asp， 


二 


2 发 表 ) 浏览 过 


图 8-4 添加 记录 后 的 首页 


3， 重新 改写 index.asp 


以 上 例子 中 , 实现 了 新 闻 的 显示 和 添加 。 为 了 实现 删除 和 更 新 ， 可 在 index.asp 中 浏览 
次 数 的 后 面 添加 如 下 代码 : 
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<a href="delete.asp?ID=<%=rs("ID")%>"> 删 除 </a>&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="updatenews.asp?ID=<%=rs("ID")%>"> 更 新 </a> 


说 明 : 注意 超 链 接 中 ?后 面 的 查询 字符 串 ， 由 于 要 把 删除 的 记录 编号 传递 到 删除 页 面 
(Cdelete.asp) 中 ,本 程序 运行 时 会 依次 将 当前 记录 的 ID 字段 值 输出 在 这 里 。 例 如 rs ("ID") 
=3， 则 删除 的 代码 实际 为 <a hre 人 "delete.asp?ID=3"> 删 除 </a>， 这 样 ， 在 下 面 的 delete.asp 
页 面 中 ， 就 可 以 利用 Request 对 象 的 QueryString 来 获取 ID 值 。 更 新 记录 也 是 如 此 。 
重新 改写 index.asp 后 ， 运 行 结果 如 图 8-5 所 示 。 


添加 记录 


4. 利用 Delete 语句 删除 记录 


若 需要 删除 新 闻 记 录 , 可 在 数据 库 中 进行 删除 记录 ,这 时 就 要 用 到 SQL 语言 的 Delete 
语句 。 

删除 记录 也 是 利用 Connection 对 象 的 Execute 方法 ， 不 过 也 不 需要 返回 记录 和 集 对 象 ， 
具体 过 程 与 添加 记录 非常 相似 。 

【 例 8-3】 删除 记录 (delete.asp) 


<!--#include file="conn.asp"--> 

<% 
"以 下 删除 记录 ， 注 意 这 里 要 用 到 由 index.asp 传 过 来 的 要 删除 的 记录 的 ID 
Dim strSql 
strSql="Delete From tbnews Where ID=" & Request.QueryString("ID") 
conn.Execute(strSql) ' 不 需要 返回 记录 集 ， 直 接 删除 
删除 完毕 后 ， 返 回首 页 


Response.Redirect "index.asp" 
%> 


说 明 : 
”delete.asp 不 能 单独 运行 ， 必 须 在 index.asp 运行 的 页 面 中 单 击 【 删 除 】 链 接 。 
省 ”该 程序 并 不 需要 在 页 面 输出 任何 内 容 ， 所 以 其 中 省 略 了 HITML 标记 。 


8.3.3 利用 Recordset 对 象 存 取 数 据 库 
在 8.3.2 节 的 例子 中 ,利用 Connection 对 象 很 方便 地 实现 了 记录 的 查询 、 添 加 记录 和 
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删除 记录 等 操作 ， 但 上 面 的 方法 返回 的 记录 指针 只 能 向 前 移动 且 记录 集 是 只 读 的 。 为 此 ， 
ADO 提供 了 功能 强大 的 Recordset 对 象 , 利用 该 对 象 的 一 些 属性 和 方法 ， 可 更 加 精确 地 控 
制 指针 的 行为 ， 提 高 查询 和 更 新 结果 的 能 力 。 
1. 创建 Recordset 对 象 的 实例 


在 前 面 已 经 接触 到 了 Recordset 对 象 ， 其 又 称 记 录 集 对 象 。 创 建 Recordset 对 象 有 显 式 
和 隐 式 两 种 方法 。 当 Connection 对 象 或 Command 对 象 执行 查询 命令 后 ， 就 会 隐 式 返回 一 
个 记录 和 集 对 象 , 记录 集 包 含 满足 条 件 的 所 有 记录 , 然后 就 可 以 利用 ASP 语句 将 记录 集 的 数 
据 显 示 在 网 页 的 页 面 上 。 

除了 隐 式 方法 ， 还 可 以 显 式 明确 建立 Recordset 对 象 ， 语 法 如 下 : 

Set Recordset 对 象 实例 =ServerCreateObject("ADODB. Recordset") 


2.，Recordset 对 象 的 方法 和 基本 属性 


(1) Open 方法 。 显 式 建 立 Recordset 对 象 后 ， 其 中 还 没有 任何 可 供 使 用 的 记录 数据 ， 
可 以 通过 Recordset 对 象 的 Open 方法 获取 真正 的 记录 数据 。 语 法 格式 如 下 : 
Recordset 实例 .Open [Source], [ActiveConnection], [CursorType], [LockType], [Options] 
说 明 : 
”Source: 可 以 是 SQL 语句 、 表 名 或 存储 过 程 等 。 
WP ”ActiveConnection: 为 数据 库 连 接 字符 串 。 
”CursorType: 用 来 确定 打开 记录 集 使 用 的 指针 类 型 〈 也 称 游标 类 型 )， 如 表 8-1 所 示 。 
表 8-1 CursorType 参数 说 明 


默认 值 ， 打 开 仅 向 前 类 型 指针 


打开 键 集 类 型 指针 ， 可 前 后 移动 
a 打开 动态 类 型 指针 
adOpenStatic 打开 静态 类 型 指针 


”LockType: 用 来 确定 打开 Recordset 时 使 用 的 锁定 〈 并 发 ) 类 型 ， 如 表 8-2 所 示 。 
表 8-2 LockType 参数 说 明 


说 了 明 
默认 值 ， 只 读 ， 不 允许 修改 记录 集 
只 能 同时 被 一 个 客户 修改 ， 修 改 时 锁定 ， 修 改 完毕 释放 
可 以 修改 ， 只 有 在 修改 瞬间 即 调用 Update 方法 时 才 锁定 记录 
在 批量 更 新 时 使 用 该 锁定 


沙 ”Options: 指定 数据 库 查 询 指令 类 型 〈 很 少 使 用 )， 如 表 8-3 所 示 。 


adLockReadOnly 
adLockPessimistic 
adLockOptimistic 
adLockBatchOptimistic 
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表 8-3 ”Options 参数 说 明 


常 量 说 明 
adCmdUnknown Source 参数 中 类 型 由 系统 自己 确定 ， 默 认 值 
adCmdText Source 参数 中 类 型 是 SQL 语句 
adCmdTable Source 参数 中 类 型 是 一 个 数据 表 名 
adCmdStoredProc Source 参数 中 类 型 是 一 个 存储 过 程 


注意 : 如 果 没 有 特殊 要 求 ， 通 常 可 以 省 略 后 面 3 个 参数 ， 但 若 要 省 略 中 间 的 参数 ， 则 
必须 用 逗号 给 中 间 的 参数 留 出 位 置 。 例 如 : 


rs.open "select * from tbnews",conn, ,3 


在 上 面 的 代码 中 , 省 略 了 第 3 个 和 第 5 个 参数 , 但 必须 用 逗号 给 第 3 个 参数 留 出 位 置 。 

(2) Recordset 对 象 的 其 他 常用 方法 。 记 录 集 RecordSet 有 一 些 方 法 是 用 来 在 记录 之 
间 移 动 记录 指针 的 。 移 动 当前 指针 的 方法 有 5 种 ， 除 了 Move 方法 有 两 个 参数 外 ， 其 余 的 
4 个 不 含 参数 ， 使 用 很 方便 。 

WP ”MoveFirst; 用 于 将 记录 指针 移动 到 第 一 条 记录 。 
MovePrevious: 用 于 将 记录 指针 向 后 〈 或 向 上 ) 移动 一 条 记录 。 
MoveNext: 用 于 将 记录 指针 向 前 (或 向 下 ) 移动 一 条 记录 。 
MoveLast: 用 于 将 指针 移动 到 最 后 一 条 记录 。 
Move: 用 于 将 指针 移动 到 指定 的 记录 。 

Recordset 对 象 有 5 个 可 直接 更 新 记录 的 方法 ， 其 中 UpdateBatch 方法 是 用 于 成 批 处 理 
记录 的 ， 其 他 4 种 方法 都 是 对 当前 记录 操作 的 ， 所 以 不 带 任何 参数 。 

小 ”AddNew: 添加 一 条 新 的 空 记录 。 

”Delete: 删除 当前 记录 。 

”Update: 更 新 数据 库 数据 。 

”CancalUpdate: 撤销 更 新 操作 。 可 以 撤销 AddNew 和 Delete 命令 的 效果 。 

是 “UpdateBatch: 更 新 〈 保 存 ) 一 个 或 多 个 记录 的 修改 。 

说 明 : 添加 记录 时 一 般 要 同时 用 到 AddNew 方法 和 Update 方法 ， 例 如 : 

<% 

rs.AddNew 
rs("title")=" 企 业 新 产品 开发 获得 成 功 ”' 对 各 个 字段 赋值 ， 但 不 写 回 到 表 中 


rs.Update 执行 Update 方法 后 才 可 以 完成 真正 的 添加 记录 功能 
%> 


删除 记录 比较 简单 ， 首 先 将 指针 移动 到 要 删除 的 记录 ， 然 后 利用 Delete 方法 就 可 以 删 
除 当前 记录 ， 不 过 也 要 用 Update 方法 更 新 数据 库 。 例 如 : 
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<% 
rs.Delete "删除 当 前 记录 
rs.Update 更 新 数据 库 
%> 


更 新 记录 时 首先 将 指针 移动 到 要 更 新 的 记录 ,然后 直接 给 字段 赋值 ， 之 后 使 用 Update 


方法 更 新 数据 库 即 可 。 例 如 : 


<% 
rs("title")=" 企 业 新 产品 开发 获得 巨大 成 功 " 


rs.Update 
%> 


(3) Recordset 对 象 的 常用 属性 。Recordset 对 象 的 常用 属性 比较 多 ， 下 面 分 别 予 以 


介绍 。 
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”RecordCount: 该 属性 用 于 返回 记录 集中 的 记录 总 数 。 

”Bof、Eof: 这 两 个 属性 用 于 判断 当前 记录 指针 是 否 指向 记录 集 的 开头 或 结尾 ， 返 
回 值 为 True 或 False。 当 指针 指向 开头 时 ，Bof 属性 的 值 为 True; 当 指 针 指 向 结 
尾 时 ，Eof 属性 的 值 为 Tme。 打 开 Recordset 时 ， 当 前 记录 位 于 第 一 个 记录 (如 果 
有 )， 并 且 Bof 和 Eof 属性 被 设置 为 False。 如 果 没 有 记录 ，Bof 和 Eof 属性 均 为 
True。 常 常 同 时 使 用 这 两 个 属性 来 判断 记录 集 是 否 为 空 ， 例 如 : 


<% 
rs.open… "打开 记录 集 
If not rs.eof and not rs.bof then ' 如 果 既 不 是 开头 也 不 是 结尾 ， 即 非 空 ， 就 执行 
End if 

%> 


”PageSize、PageCount、AbsolutePage、AbsolutePosition: 这 一 组 属性 用 来 完成 分 
页 显示 数据 的 功能 。 下 面 分 别 予 以 介绍 。 
> PageSize: 用 于 设置 每 一 页 的 记录 数 。 例 如 : 


<% rs.PageSize =10 "设置 每 页 显示 10 条 记录 %> 
> ”PageCount: 用 于 返回 数据 页 的 总 数 。 例 如 : 

<% Response.Write rs.PageCount ”输出 数据 页 总 数 %> 
> AbsolutePage: 用 于 设置 当前 指针 指向 哪 一 页 。 例 如 : 

<% rs.AbsolutePage=2 ”' 指 向 第 2 页 % > 
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> AbsolutePosition: 用 于 设置 当前 指针 指向 的 记录 行 的 绝对 值 。 例 如 : 
<% rs.AbsolutePosition=10 “' 指 向 第 10 条 记录 % > 


说 明 : 利用 这 几 个 属性 时 一 般 要 求 设置 指针 类 型 为 1 ( 键 集 指 针 )。 
小 ”BookMark: 该 属性 用 于 设置 或 返回 书签 位 置 , 例如 下 面 语句 就 可 以 将 当前 记录 位 
置 保存 到 一 个 变量 中 。 


<% varA=rs.BookMark %> 


当 希 望 重 新 指向 该 记录 时 ， 只 要 将 该 变量 赋值 给 BookMark 属性 即 可 ， 记 录 指 针 就 会 
自动 指向 书签 所 在 记录 。 例 如 ，<% rs.BookMark=varA %>。 


3. 利用 Recordset 对 象 的 AddNew 方法 添加 记录 


向 表 中 插入 新 记录 时 ,除了 前 面 的 Insert 方 法 外 ,还 可 以 使 用 RecordSet 对 象 的 AddNew 
方法 。 具 体 实现 过 程 如 下 。 
(1) 向 表 中 插入 一 条 空 记录 。 
(2) 通过 赋值 语句 向 该 记录 的 不 同 字段 赋值 。 
(3) 通过 Update 方法 完成 对 数据 库 数据 的 真正 更 新 。 
仍 以 新 闻 添 加 为 例 (save.asp )， 利 用 Recordset 对 象 的 AddNew 方法 改写 save.asp。 
【 例 8-4】 使 用 AddNew 方法 改写 save.asp 
<% 


set rs=server.createobject("adodb.recordset") 
sql="select * from tbnews" 


rs.open sql,conn,1,3 ' 打 开 表 tbnews， 得 到 记录 集 rs 
rs.addnew ' 向 表 中 插入 一 条 空 记录 
rs("title")=trim(request.form("title")) "向 每 一 个 字段 赋值 


rs("name")=trim(request.form("name")) 
rs("content")=server.htmlencode(request.form("content")) 
rs("count")=0 
rs("addtime")=now() 
rs.update 数据 真正 更 新 
rs.close 
set rs=nothing 
response.redirect "index.asp” 

9%> 


说 明 : 虽然 连接 对 象 的 Execute 方法 也 能 用 Insert 命令 实现 记录 的 插入 ， 但 对 于 有 较 
多 字段 名 和 多 个 字段 值 的 情况 ， 用 Insert 命令 实现 记录 的 插入 ， 代 码 书写 比较 麻烦 ， 而 且 
容易 写 错 ， 不 适合 大 量 字 符 串 的 插入 。 相 比 之 下 ， 采 用 记录 集 对 象 的 Addnew 方法 就 方便 
多 了 。 因 此 ，Addnew 方法 插入 记录 更 为 常用 。 
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4. 利用 Recordset 对 象 的 Update 方法 更 新 记录 


当 需 要 修改 某 条 新 闻 信息 时 ， 在 index.asp 页 面 中 单 击 【 更 新 】 按 钮 ， 将 链接 到 
updatenews.asp 页 面 ， 如 图 8-6 所 示 。 


新 闻 标 题 : 这 是 刚刚 加 入 的 新 闻 。 


这 是 刚刚 加 入 的 新 闻 。 
新 闻 内 容 


录入 者 : adnin 
[着 证 和 交 


8-6 ”企业 新 闻 修 改 页 面 
【 例 8-5】 用 Update 方法 更 新 企业 新 闻 信息 (updatenews.asp) 


重 厅 区 入 


加 | 


<!--#include file="conn.asp"--> 
<% 
id=request.QueryString("id") 
set rs=server.createobject("adodb.recordset") 
editsql="select * from tbnews where id="&id 
rs.open editsql,conn,1,3 
%> 
<% 
if request.form("active")="" then 
else 
rs("title")=trim(request.form("title")) 
rs("content")=server.htmlencode(request.form("content")) 
rs("name")=trim(request.form("name")) 
rs.update 
response.redirect "index.asp" 
end if 
%> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title> 新 闻 编 辑 页 面 </title> 
<style type="text/css"> 
4 
table { 
font-size: 9pt; 
text-decoration: none; 
border: 1px solid #000000; 


208 


第 8 章 ASP 存 取 数 据 库 技术 
} 


--> 
</style> 
</head> 
<body> 
<form name="form1" method="post" action=""> 
<table width="500" border="0" align="center cellpadding="5" cellspacing="0"> 
<tr align="center" bgcolor="#006666"> 
<td colspan="2"><font color="#FFFFFF"> 新 闻 修 改 编 辑 </font></td> 
</tr> 
<tr align="center" bgcolor="#FFFFFF"> <td align="right"> 新 闻 标 题 :</td> 
<td align="left"><input name="title” type="text” id="title2"” value=<%=rs("title")%> size="38"> 
</td></tr> 
<tr> <td width="104" align="right"> 新 闻 内 容 :</td> 
<td width="374" rowspan="2"><textarea name="content" cols="50" rows="8" id="content"> 
<%=rs ("content")%></textarea></td> </tr> 
<tr> <td align="right">&nbsp;</td> </tr> 
<tr> <td align="right"> 录 入 者 :</td> 
<td><input name="name" type="text" value=<%=rs("name")%> id="name"></td> 
</tr> 
<tr align="center" valign="top"> 
<td colspan="2"><input name="active" type="hidden" id="active" value="yes"> 
<input type="submit" name="Submit" value=" 确 定 提交 "> &nbsp;&nbsp;&nbsp; 
<input type="reset" name="Submit2" value=" 重 新 输入 "> </td> 
</tr> 
</table> 
</form></body></html> 


说 明 : 用 Update 方法 修改 记录 一 般 要 设计 3 个 页 面 ， 一 是 用 于 确定 修改 哪 条 记录 的 
输入 或 选择 页 面 ， 二 是 显示 原始 值 并 进行 修改 的 页 面 ; 三 是 执行 具体 修改 操作 的 页 面 。 上 
面 的 代码 中 引入 了 隐藏 域 ， 并 将 后 两 个 页 面 合并 为 一 个 文件 ， 请 大 家 注意 体会 其 中 的 隐藏 
域 的 作用 。 


5S， 显示 新 闻 的 详细 页 面 


当 单 击 某 新 闻 标 题 链接 时 ， 则 进入 本 新 闻 详 细 内 容 显 示 页 面 ， 此 页 的 功能 是 接收 上 一 
页 传送 过 来 的 新 闻 id 号 , 用 SQL 语句 从 数据 库 中 筛选 出 来 并 显示 。 本 页 显示 效果 如 图 8-7 
所 示 。 

【 例 8-6】 显示 新 闻 的 详细 页 面 show.asp 

分 析 : 通过 在 首页 单 击 新 闻 链 接 , 将 id 传递 给 show.asp 页 面 , 在 该 页 面 中 , 通过 Request 
的 QueryString 方法 获取 id， 进 而 在 数据 库 中 查询 ， 将 返回 的 记录 集 在 页 面 中 显示 。 
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标题: 电子 商务 为 牧 沪 北 提供 良机 
3 15;39-57 发 表 该 新 闻 已 被 浏览 过 18 次 作者 -adnin 


2011/ 


和 心 讯 ) 步 入 “后 危机 时 代 ”， 特 京 业 最 艰难 的 时 刻 已 经 过 


在 各 类 因素 夫 杂 下 ， 仓 储 北 正在 寻找 看 “ 突 碍 口 ”。 
随 着 中 国 护 扶 牧 流 二 的 下 所 发 展 ， 铀 潜 物 流 基 础 设施 和 装备 条 件 都 较 以 前 
有 较 大 的 发 展 和 孙 善 。 这 无 疑 为 我 国 抽 扶 特 襄 仓 结业 提供 了 良好 的 友 展 机 遇 * 


全 球 互联 由 出现 ， 不 仅 大 大 解决 了 仓储 企业 信息 不 对 称 的 难 颗 ， 
i 孕育 出 一 大 批 铀 扶 电子 商务 市 场 * 


[ED 
8-7 ”显示 企业 新 闻 详 细 内 容 页 面 
show.asp 程序 代码 如 下 : 
<!--#include file="conn.asp"--> 
<% 


if not isempty(request.QueryString("id")) then 
id=request.QueryString("id") 

else 

id=1 

end if “判断 传递 过 来 的 参数 是 否 为 空 ， 不 空 就 赋值 给 参数 ， 空 就 赋值 为 1 


<% 
set rs=server.createobject("adodb.recordset") 
sql="select * from tbnews where id="&id ' 根 据 传递 过 来 的 id 构造 SQL 查询 
rs.open sql,conn,1,3 ' 打 开 记 录 集 
rs("count")=rs("count")+1 "浏览 次 数 加 1 
rs.update 

%> 


<style type="text/css"> 

<I= 

table { 
font-size: 9pt; 
text-decoration: none; 
border: 1px solid #000000; 


1 


--> 
</style> 
<html> 
<body> 
<table width="500" border="0" align="center" cellpadding="5" cellspacing="0"> 
<tr align="center" bgcolor="#0099CC"> 
<td colspan="3"><font color="#FFFFFF"> 标 题 :<%=rs("title")%></font></td> 
</tr> 
<tr align="center > 
<td colspan="3"><%=rs("addtime")%> 发表 该 新 闻 已 被 浏览 过 <%=rs("count")%> 次 &nbsp; 
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&nbsp; &nbsp; 作者 :<font color="#FF0000"><%=rs("name")%></font><br> <hr width="88%" 
size="1"> </td> </tr> 
<tr> <td colspan="3"><table width="88%" border="0" align="center" cellspacing="8" > 
<tr> <td><%=(rs("content")%></td> </tr> </table> 
<div align="center"><br> 
<input type="button" name="Submit" value=" 关 闭 窗口 " 
onClick="javascritp:window.close()"> </div></td> </tr> 
</table> 
</body></html> 


8.4 制作 留言 板 


留言 板 是 企业 电子 商务 网 站 与 客户 实现 交互 的 主要 方式 之 一 。 下 面 先 从 一 个 简单 的 留 
言 板 开 始 介绍 。 
8.4.1 制作 简单 的 留言 板 

1， 留言 板 的 总 体 设计 

留言 板 大 致 包含 5 部 分 ， 分 别 介绍 如 下 。 


必 ”留言 表单 : 用 户 在 表单 中 输入 信息 ， 然 后 提交 。 

小 ”处 理 留言 的 ASP 程序 : 接收 访问 者 的 留言 ， 并 且 记录 下 来 。 

上 “查看 留言 的 网 页 : 一 般 作 为 留言 板 的 首页 来 显示 《如 果 不 想 公开 访问 者 的 留言 ， 
则 可 以 省 略 这 个 网 页 )。 

履 “ 删 除 留言 的 ASP 程序 : 当 用 户 留 言 内 容 出 现 广 告 或 其 他 不 良 信息 时 , 可 由 管理 员 
删除 留言 。 

* ”存储 留言 ， 由 于 采用 数据 库 能 在 检索 、 管 理 等 方面 带 来 非常 大 的 便利 ， 所 以 这 里 
采用 数据 库 来 存储 访问 者 留言 。 


根据 上 面 的 分 析 ， 留 言 板 包括 以 下 主要 文件 。 
(1) 数据 库 文件 guest.mdb。 由 于 留言 板 比 较 简 单 ， 只 有 一 张 表 ， 其 中 包括 编号 、 留 
言 主题 、 留 言 内 容 、 留 言 人 姓名 、 留 言 人 email、 留 言 时 间 及 回复 等 字段 ， 如 图 8-8 所 示 。 


(字段 大 小 100) 


名 《字段 大 小 30》 
文本 言 人 enail 《字段 大 小 100》 
submit_date 期 /时 ji 留言 日 期 (日 期 类 型 ) 
back 备注 


8-8 ”留言 板 的 表 结构 
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(2) 首页 index.asp: 显示 一 个 添加 留言 的 表单 和 所 有 留言 。 
(3) 添加 留言 add.asp: 用 户 在 表单 中 输入 留言 内 容 ， 提 交 到 本 页 面 ， 实 现 添加 留言 。 
(4) 删除 留言 delete.asp: 单 击 首页 中 的 删除 链接 ， 可 打开 本 页 面 。 
(5) 数据 库 连 接 文件 conn.asp。 


2.， 留言 板 的 实现 


【 例 8-7】 留言 板 首页 (index.asp) 如 图 8-9 所 示 
留言 板 


主 是 留言 板 的 重要 性 

内 容 留言 板 是 企业 电子 商务 网 站 与 客户 实现 交互 的 主要 方式 之 一 
留言 人 | 

时 间 2011/6/22 9:11:17 出 了 

回 夏 

主题 

内 容 今天 我 们 学 习 留 言 析 的 制作 
留言 人 cher 

时 间 2011/6/22 9:04:57 。 删除 

回复 


8-9 留言 板 首页 显示 效果 


分 析 : 该 页 面 结构 比较 简单 ， 分 为 两 部 分 ， 一 是 添加 留言 的 表单 ， 填 写 留言 表单 完毕 
后 ， 单 击 【提交 】 按 钮 ， 提 交 到 add.asp 中 去 处 理 ， 处 理 完毕 后 再 引导 回 显示 留言 页 面 
index.asp; 二 是 显示 已 有 留言 。 

index.asp 程序 代码 如 下 : 


<I-- #include file="conn.asp" --><html><body> 

<form id="form1" name="form1" method="post" action="add.asp"> 

<table width="500" bgcolor="#006666" > 

<tr> <td width="16%" class="STYLE1"> 主 题 </td> 

<td width="84%" align="left"> <input type="text" name="txttopic" size="50" /> </td> 
</tr><tr><td > 内 容 : </td> <td align="left"> 

<textarea name="txtcontent" cols="60" rows="5"></textarea></td> </tr> 

<tr><td > 姓名 : </td><td align="left"><input type="text" name="txtname" /></td></tr><tr> 


<td >email:</td> <td align="left"><input type="text" name="txtemail" /></td></tr> 
<tr><td>&nbsp;</td><td align="left"> 


<input type="submit" name="Submit" value=" 提 交 " /> 
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<input type="reset" name="Submit2" value=" 重 置 " /> 
<</td></tr></table></form> 
<% 
' 现 在 开始 显示 已 有 留言 
Dim Sql,rs "声明 变量 
Sql="Select guest_id,title,body,name,email,submit_date,reback From guest ” 
Sql=Sql & " Order By submit_date desc” 


Set rs=db.Execute(Sql) "返回 一 个 Recordset 对 象 
If Not rs.Bof And Not rs.Eof Then "如 果 有 记录 ， 就 接着 执行 
do while not rs.eof 

%> 


<table border="0" bordercolor="#8800FF" width="500" align="center"> 
<tr><td colspan=2><hr></td></tr> 
<tr><td width=20%> 主 题 </td><td align="left"><%=rs("title")%></td> </tr> 
<tr><td> 内 容 </td><td align="left*><%=rs("body")%></td></tr> 
<tr><td> 留 言 人 </td><td align="left"><a href="mailto:<%=rs("email")%>"> 
<%=rs("name")%></a></td></tr> 
<tr><td> 时 间 </td> 
<td align="|left"><%=rs("submit_date")%>&nbsp;&nbsp;&nbsp; 
<a href="delete.asp?id=<%=rs("guest_id")%>"> 删 除 </a></td> 
</tr> 
<tr><td><a href="readd.asp?id=<%=rs("guest_id")%>&title=<%=rs("title")%>"> 回 复 </a></td> 
<td align= "left"><%=rs("reback")%></td> </tr> 
</table> 
<% 
rs.MoveNext “' 将 记录 指针 移动 到 下 一 条 记录 
Loop 
%> 
<%end if %> 
</body></html> 


说 明 : 为 突出 重点 代码 ， 部 分 代码 如 样式 及 客户 端 验证 略 去 ， 详 细 代码 请 参考 本 书 的 
案例 素材 。 
【 例 8-8】 添加 留言 程序 (add.asp) 
当 浏 览 者 填写 留言 并 提交 后 , 就 可 以 调用 程序 add.asp， 该 文件 会 将 留言 信息 接收 并 保 
存 到 数据 库 中 , 最 后 引导 回 显示 留言 页 面 index.asp。 这 个 程序 不 涉及 页 面 输出 。 代 码 如 下 : 
<!-- #include file="conn.asp" --> 
<% 
dim title,body,author,email 
title=request.Form("txttopic") 
body=server.htmlencode(request.form("txtcontent")) 


电子 商务 网 站 建设 与 管理 (第 2 版 ) 


body=replace(body,chr(13),"<br>") 
author=request.form("txtname") 
email=request.form("txtemail") 
dim strsql 
if body<>"" then 
strsql="insert into guest(title,body,name,email,submit_date) values("&title&","&body&", "&author&", 
"&email&",#"&now()&"#)" 
conn.execute(strsql) 
end if 
conn.close 
response.Redirect "index.asp” 
%> 


3.， 删除 留言 的 ASP 程序 delete.asp 


因为 只 有 管理 员 才 有 权限 删除 留言 ， 所 以 在 删除 语句 前 加 了 一 个 验证 表单 ， 如 果 密 码 
正确 则 继续 删除 留言 ， 不 正确 则 输出 提示 ,不 执行 删除 。 默认 密码 为 123， 可 以 根据 需要 
进行 修改 。 本 程序 在 删除 成 功 后 会 自动 转 到 显示 留言 页 index.asp。 

【 例 8-9】 删除 留言 (delete.asp) 


<!-- #include file="conn.asp" --> 

<html><body> 

<% 

dim id,strsql 

id=request.QueryString("id") 

%> 

<form action="" method="post"> <p align="center"> 请 输入 管理 员 密 码 : 
<input type="text" name="password"> 
<input type="submit" name="Submit" value=" 提 交 "> 
<input type="hidden" name="id" value="<%=id%>"> 

</form> 

<% 

if request.form("password")="123" then 
strsql="delete from guest where guest_id="&request.Form("id") 
conn.execute(strsql) 
conn.close 
response.redirect("index.asp") 

elseif request.form("password")<>"" then 
response.write "密码 错误 !" 

end if 

%> 

</body></html> 
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说 明 : 上 面 的 留言 板 程序 没有 给 出 数据 库 连 接 文件 conn.asp 和 留言 回复 功能 ， 请 大 家 
自己 完成 。 


8.4.2 ”制作 具有 分 页 功能 的 留言 板 


如 何 实现 ADO 存 取 数 据 库 时 的 分 页 显示 ? 分 页 功能 在 动态 网 站 制作 过 程 中 的 应 用 
是 非常 普遍 的 。 例 如 很 多 论坛 网 站 为 提高 页 面 的 读 取 速度 ， 一 般 不 会 将 所 有 的 帖子 全 部 在 
一 页 中 罗列 出 来 ， 而 是 将 其 分 成 多 页 显示 ， 每 页 显示 一 定数 目的 帖子 数 ， 如 20 条 。 这 就 
是 数据 库 查 询 的 分 页 显示 。 

前 面 学 习 了 Recordset 对 象 的 属性 和 方法 ， 其 中 包括 分 页 属性 ， 下 面 来 回顾 一 下 这 些 
重要 的 分 页 属性 。 

(1) PageSize 属性 。PageSize 属性 是 决定 ADO 存 取 数据 库 时 如 何 分 页 显示 的 关键 ， 
使 用 它 可 以 决定 多 少 记 录 组 成 一 个 逻辑 上 的 “一 页 ”。 即 设 定 并 建立 一 个 页 的 大 小 ， 从 而 
允许 使 用 AbsolutePage 属性 移 到 其 他 逻辑 页 的 第 一 条 记录 。 

(2) PageCount 属性 。 使 用 PageCount 属性 ， 决 定 Recordset 对 象 包括 多 少 “ 页 ”的 
数据 。 这 里 的 “页 ”是 数据 记录 的 集合 ， 大 小 等 于 PageSize 属性 的 设 定 ， 即 使 最 后 一 页 的 
记录 数 比 PageSize 的 值 少 ， 最 后 一 页 也 算是 PageCount 的 一 页 。 必 须 注意 ， 并 非 所 有 的 数 
据 提 供 者 都 支持 此 项 属性 。 

(3) AbsolutePage 属性 。AbsolutePage 属性 设 定 当前 记录 的 位 置 是 位 于 哪 一 页 的 页 数 
编号 ,使 用 PageSize 属性 将 Recordset 对 象 分 割 为 逻辑 上 的 页 数 , 每 一 页 的 记录 数 为 PageSize 

(除了 最 后 一 页 可 能 会 有 少 于 PageSize 的 记录 数 )。 

(4) AbsolutePosition 属性 。 若 需要 确定 目前 指针 在 RecordSet 中 的 位 置 ， 可 以 用 
AbsolutePosition 属性 。 该 属性 的 数值 为 目前 指针 相对 于 第 一 条 记录 的 位 置 。 

(5) RecordCount 属性 。 我 们 常用 RecordCount 属性 来 找 出 一 个 Recordset 对 象 包括 
多 少 条 记录 。 

在 了 解 了 Recordset 对 象 的 以 上 属性 和 方法 后 ， 接 下 来 考虑 如 何 运用 它们 来 改写 留言 

板 程序 ， 使 得 留言 板 能 实现 自动 地 分 页 显示 。 
【 例 8-10】 分 页 显示 留言 程序 

<% 
' 现 在 开始 显示 已 有 留言 
Dim Sqlrs "声明 变量 
Sql="Select guest_id,title,body,name,email,submit_date,reback From guest ” 
Sql=Sql & "Order By submit_date desc,guest_id desc" ”' 这 里 用 了 两 个 字段 排序 
set rs=server.CreateObject("adodb.recordset") 
rs.open Sql,conn,1,3 ' 返 回 一 个 Recordset 对 象 
If Not rs.Bof And Not rs.Eof Then "如果 有 记录 ， 就 接着 执行 
"下 面 一 段 判 断 当前 显示 第 几 页 
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dim page_no 
if request.QueryString("page_no")<>"" then 
page_no=cint(request.QueryString("page_no")) "如 选择 了 页 码 ， 就 令 其 为 指定 页 码 


else 

page_no=1 "如 是 第 一 次 打开 , 为 1 

end if 

rs.pagesize=5 每 页 显示 多 少 条 
rs.absolutepage=page_no "设置 当前 显示 第 几 页 

dimi 

i=rs.pagesize "该 变量 用 来 控制 显示 当前 页 记录 
do while not rs.eof and i>0 ' 循 环 直到 当前 页 结束 或 记录 集结 尾 
i=i-1 

%> 


<table border="0" bordercolor="#8800FF" width="500" align="center"> 
<tr><td colspan=2><hr></td></tr> 
<tr><td width=20%> 主 题 </td><td align="left"><%=rs("title")%></td></tr> 
<tr><td> 内 容 </td><td align="left"><%=rs("body")%></td></tr> 
<tr><td> 留 言 人 </td> 
<td align="left"><a href="mailto:<%=rs("email")%>"><%=rs("name")%></a></td> 
</tr><tr><td> 时 间 </td> 
<td align="left"><%=rs("submit_date")%>&nbsp;&nbsp;&nbsp; 
<a href="delete.asp?id=<%=rs("guest_id")%>"> 删 除 </a></td> 
</tr> 
<tr><td><a href="readd.asp?id=<%=rs("guest_id")%>&title=<%=rs("title")%>"> 回 复 </a></td> 
<td align="left"><%=rs("reback")%></td> </tr> 


</table> 
<% rs.MoveNext ' 将 记录 指针 移动 到 下 一 条 记录 
Loop 
fori=1to rs.pagecount "显示 页 数 信息 ， 从 1 到 总 页 数 ， 如 不 是 当前 页 ， 就 加 上 链接 


ifi<>page_no then 
response.write "<a href='index.asp?page_no="&i&">"&i&"&nbsp;</a>" 
else 
response .Write i&"&nbsp;" "如 是 当前 页 ， 就 不 加 超 链接 
end if 
next 
%> 
<%end if %> 


8.5 ”实现 一 个 带 有 后 台 的 新 闻 发 布 系统 


8.3 节 开 发 了 一 个 企业 网 站 的 新 闻 发 布 系统 程序 ， 但 这 个 系统 并 不 完善 ， 仍 存在 很 多 
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问题 。 

问题 一 : 企业 网 站 前 台 的 新 闻 首 页 是 给 客户 浏览 用 的 ， 不 应 该 具备 管理 功能 ， 如 新 闻 
的 添加 、 删 除 以 及 更 新 ， 这 些 功能 在 8.3 节 中 都 集中 在 了 企业 新 闻 的 首页 。 

问题 二 : 该 企业 新 闻 系 统 没 有 后 台 ， 但 实际 上 ， 添 加 、 删 除 以 及 新 闻 的 更 新 等 功能 都 
应 该 放 在 网 站 的 后 台 由 专门 的 管理 员 来 维护 。 因 此 ， 要 为 前 面 的 系统 加 一 个 后 台 入 口 ， 只 
有 具有 权限 的 用 户 才能 登录 后 台 。 

问题 三 : 企业 新 闻 的 添加 与 更 新 都 要 用 到 编辑 器 ， 在 前 面 的 程序 中 是 通过 一 个 多 行文 
本 域 来 实现 编辑 器 的 ， 不 具备 基本 的 排版 功能 以 及 图 片 的 上 传 等 功能 ， 与 真正 的 商业 网 站 
相去 甚 远 。 


1， 企 业 新 闻 系 统 设计 


本 节 将 在 8.3 节 的 基础 上 ， 实 现 一 个 带 有 后 台 的 企业 新 闻 系 统 。 通 过 后 台 的 入 口 口 令 
验证 来 保证 只 有 管理 员 才 能 登录 ; 通过 后 台 实现 企业 新 闻 的 管理 ， 通 过 借助 eWebEditor 
在 线 HTML 编辑 器 让 网 站 的 后 台 强 大 起 来 ， 实 现 更 加 方便 、 高 效 的 管理 。 

(1) 数据 库 设计 。 详 见 本 书 8.3 节 。 

(2) 功能 设计 。 网 站 系统 由 前 台 和 后 台 两 部 分 构成 。 

小 ”前 台 部 分 ， 首页 上 显示 企业 新 闻 ， 单 击 各 新 闻 的 标题 可 以 查看 详细 信息 (包括 新 

闻 的 内 容 、 发 布 时 间 等 )， 如 图 8-10 所 示 。 
企业 新 闻 显 示 页 面 
是 敦煌 网 移动 电子 商务 平台 升级 ”CD11/T/12 8:21:28 发 表 ) 浏览 过 0 次 
目 第 四 届 了 网 商 及 电子 商务 生态 学 术 研讨 会 ”CD11T/12 6:17:43 发 表 ) 浏览 过 0 次 


自 移动 营销 的 互联 网 实现 。(2011/7/12 6:15:28 发 表 ) 浏览 过 0 次 
全 国 大 学 生 网 络 营销 能 力 秀 班 级 排名 ”2011/6/18 20:40:14 发 表 ) 浏览 过 3 次 
电子 商务 为 物流 业 提 供 良机 仓储 业 寻 找 突破 口 ”(z010/5/13 15:39:57 发 表 ) 浏览 过 6 次 


图 8-10 前 台新 闻 显 示 页 面 


”后 台 部 分 : 通过 登录 页 面 和 一 个 密码 验证 页 面 进入 后 台新 闻 管 理 页 面 ， 后 台 的 每 

一 个 页 面 都 要 加 入 一 个 登录 验证 ， 避 免 没 有 登录 的 非法 用 户 直接 在 浏览 器 地 址 栏 

中 输入 后 台 网 页 文件 的 网 址 进而 打开 后 台 的 网 页 页 面 。 新 闻 管理 页 面 提供 【添加 

新 闻 】【 修 改 新 闻 】【 删 除 新 闻 】 的 功能 ， 编 辑 器 采用 在 线 编辑 器 eWebEditor。 
(3) 目录 结构 设计 《如 表 8-4 所 示 )。 

表 8-4 目录 结构 设计 
说 有明 

后 台 文件 夹 , 包含 login.asp (后 台 登 录 页 面 )、manage.asp (后 台 管 理 页 面 )、addnews.asp 
(添加 新 闻 页 面 )、save.asp〔 保 存 新 闻 )、del.asp〔 删 除 新 闻 )、edit.asp〔 编 辑 新 闻 )、 
cklogin.asp( 密 码 验 证 )、loginout.asp (退出 后 台 )、conn.asp (数据 库 连 接 )、ewebeditor 
文件 夹 (在 线 编辑 器 ) 
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根 目录 说 明 
Data 文件 夹 存放 Ecnews.mdb 数据 库 文件 
Images 文件 夹 | 存放 图 片 文件 
Conn.asp | 数据 库 连 接 文 件 
Index.asp | 新 闻 首页 
Showasp ”| 显示 新 闻 详细 内 容 页 面 


Foot.asp 版 权 信 息 


2， 前 台 功 能 实现 


由 于 前 台 页 面 去 掉 了 管理 功能 ,只 保留 了 新 闻 标题 的 显示 , 所 以 这 里 的 index asp 代码 
基本 与 例 8-1 相同 ， 这 里 不 再 资 述 。 

3， 后 台 功 能 实现 

(1) 登录 页 面 。 后 台 登录 页 面 主要 由 一 个 表单 组 成 ， 这 里 把 样式 和 表格 布局 的 一 些 


代码 略 去 ， 其 核心 代码 如 下 。 
【 例 8-11】 登录 页 面 (login.asp) 


<form name="form1" method="post" action="cklogin.asp"> 
<input name="username" type="text" id="username"> 
<input name="password" type="password" id="password"> 
<input type="submit" name="Submit" value=" 确 定 进 入 "> 
<input type="reset" name="Submit2" value=" 重 新 输入 "> 
</form> 


运行 结果 如 图 8-11 所 示 。 


后 台 管 理 登录 


管理 用 户 名 
管理 密码 
[确定 进入 重新 输入 


图 8-11 后 台 登 录入 口 


(2) 密码 验证 页 。 密 码 验 证 即 是 验证 用 户 提 交 的 用 户 名 、 密 码 等 信息 是 否 正确 。 如 
果 正 确 ， 人 允许 其 进入 后 台 ， 访 问 后 台 的 其 他 页 面 ， 如 果 不 正确 ， 则 提示 其 密码 错误 ， 并 回 
到 登录 页 面 进行 重新 输入 。 

【 例 8-12】 ”密码 验证 cklogin.asp 

<% 


name=trim(request.Form("username")) 
pass=trim(request.form("password")) 
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response.write "<script language=javascript> 


alert(' 对 不 起 未 输入 ,请 返回 ');history.go(-1)</script>" 


end if 

if name="admin" and pass="admin" then 
session("dzsw")="yes" "通过 验证 ， 给 session("dzsw") 赋 值 
response.redirect "manage.asp” 

else 


response.write "<script language=javascript>alert(' 对 不 起 ， 密 码 输入 错误 '); 
history.back(-1)</script>" 

end if 

%> 


说 明 : 上 面 的 密码 验证 如 通过 ， 则 记录 session("dzsw") 的 值 ， 然 后 后 台 其 他 页 面 就 可 
以 通过 判断 该 session 变量 是 否 为 空 来 断定 其 是 否 进行 了 登录 。 在 例 8-11 中 ， 用 户 名 和 密 
码 被 固定 为 admin， 主 要 是 为 了 简化 程序 、 突 出 重点 。 事 实 上 ， 更 常用 的 做 法 是 将 用 户 名 
和 密码 保存 在 数据 库 中 ,在 验证 页 面 将 用 户 登 录 时 提交 的 用 户 名 和 密码 与 数据 库 中 保存 的 
记录 进行 比较 。 

(3) 后 台 管 理 页 面 。 用 户 从 后 台 登 录 后 ， 进 入 后 台 管理 页 面 ， 如 图 8-12 所 示 。 


添加 新 闻 退出 管理 


新 闻 管 理 页 面 
新 闻 标题 录入 时 间 
敦煌 网 移动 电子 商务 平台 升级 2011/7/12 6:21:26 


第 四 大风 商 及 电子 商务 生态 学 术 研讨 会 2011/7/12 6:17:43 
移动 营销 的 互联 网 实现 2011/7/12 6:15:26 
全 国 大 学 生 网 络 营销 能 力 秀 班级 排名 2011/6/18 20:40:14 
电子 商务 为 黎 流 业 提 供 良机 仓储 业 寻 找 突 硫 口 。 ”2010/5/13 15:39:57 


图 8-12 后台 管理 页 面 
【 例 8-13】 后 台 管 理 (manage.asp) 


<I--#include file="conn.asp"--> 
<% 

dim guanli 
guanli=session("dzsw") 

if guanli="" then 
response.redirect "login.asp" 
end if 

%> 

<% 

sql="select * from tbnews order by id desc” 
set rs=db.execute(sql) 
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%> 
<html><head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title> 企 业 新 闻 系统 管理 页 面 </title> 
<style type="text/css"> 
table { 
font-size: 9pt; 
text-decoration: none; 
border: 1px solid #000000; 
af 
font-size: 9pt; 
color: #000000; 
text-decoration: none; 
} 
</style></head> 
<body> 
<p align="center"><font color='W#FFFFFF"><a href="add.asp"> 添加 新 闻 </a> 
href="loginout.asp"> 退 出 管理 </a></p> 
<table width="666" border="0" align="center" cellpadding="5" cellspacing="0"> 
<tr align="center" bgcolor="#006699"> 
<td colspan="5"><font color="#FFFFFF"> 新 闻 管 理 页 面 </font></td> 
</tr> 
<tr align="center"> 
<td width="80"><font color="#FF0000"> 新 闻 ID</font></td> 
<td width="266"><font color="#FF0000"> 新 闻 标题 </font></td> 
<td width="143"><font color="#FF0000"> 录 入 时 间 </font></td> 
<td width="62"><font color="#FF0000"> 编 辑 </font></td> 
<td width="63"><font color="#FF0000"> 删 除 </font></td> 
</tr> 
<%do while not rs.eof%> <tr> 
<td align="center"><%=rs("id")%></td> 
<td><a href=../show.asp?id=<%=rs("id")%> target="_blank"><%=rs("title")%></a> 
</td> <td><%=rs("addtime")%></td> 
<td align="center"><a href="edit.asp?id=<%=rs("id")%>"> 编 辑 </a></td> 
<td align="center"><a href="del.asp?id=<%=rs("id")%>"> 删 除 </a></td> </tr> 
<% 
rs.movenext 
loop 
%> 
</table><br><!--#include file="../foot.asp"--> 
</body></html> 


</font><a 


第 8 章 ASP 存 取 数据 库 技术 
说 明 : 从 功能 上 来 讲 ， 后 台 管 理 页 面 与 8.3 节 中 重新 改写 后 的 index.asp 基本 相同 。 不 
同 之 处 是 例 8-13 加 了 密码 验证 ， 多 出 两 个 超 链接 。 
(4) 后 台 在 线 编辑 器 的 完善 。 后 台 管 理 页 面 中 涉及 了 新 闻 的 添加 、 删 除 和 更 新 。 其 
中 ， 添 加 和 更 新 都 要 用 到 编辑 器 。 在 例 8-2 中 ， 编 辑 器 是 通过 一 个 多 行文 本 域 来 完成 的 ， 显 
然 ， 它 的 功能 太 简单 了 。 下 面 考虑 如 何 用 在 线 编辑 器 eWebEditor 来 改进 多 行文 本 域 ， 如 
8-13 所 示 。 


新 闻 内 容 : 


-RH | mn EE 


录入 者 


二 入 
8-13 ”在 线 编辑 器 


首先 介绍 eWebEditor 的 特点 。 
省 eWebEditor 是 基于 浏览 器 的 、 所 见 即 所 得 的 在 线 HTML 编辑 器 。 它 能 够 在 网 页 上 
实现 许多 桌面 编辑 软件 (如 Word) 所 具有 的 强大 可 视 编辑 功能 。Web 开发 人 员 
可 以 用 它 把 传统 的 多 行文 本 输入 框 <TEXTAREA> 替 换 为 可 视 化 的 富 文本 输入 框 ， 
使 最 终 用 户 可 以 可 视 化 地 发 布 HTML 格式 的 网 页 内 容 。 
”调用 简单 :简单 到 只 要 一 行 代码 即 可 完成 eWebEditor 的 调用 。 
”上 传 文件 (包括 图 片 )》 更 加 方便 : 内 附 文 件 上 传 功能 。 
接 下 来 下 载 eWebEditor 编辑 器 (免费 版 或 试用 版 )， 将 其 文件 夹 放 到 后 台 管理 文件 夹 
admin 中 。 然 后 修改 后 台 页 面 ， 这 里 以 添加 新 闻 页 面 ( 例 8-2) addnews.asp 代码 为 例 。 在 
addnews.asp 代码 中 找到 下 面 这 一 行 : 


<textarea name="content" cols="50" rows="8" id="content"> 
将 其 改 为 : 
<textarea name="content" style="display:none"></textarea> 


其 中 “style="display:none"” 决 定 了 这 个 文本 域 是 隐藏 的 ， 是 不 可 见 的 。 
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然后 ， 调 用 eWebEditor。 在 textarea 域 的 后 面 只 需 加 入 一 行 代码 : 


<iframe id="eWebEditor1”src="ewebeditonewebeditorhtm?id=content' frameborder="0" scrolling= 
"no" width="500" height="350"></iframe> 


其 中 , “src="ewebeditor\ewebeditor.htm?id=content"” 中 “id=” 后 面 的 参数 必须 和 textarea 


域 的 name 属性 的 值 一 致 。 
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【 例 8-14】 ”修改 后 的 addnews.asp 代码 


<!--#include file="conn.asp"--> 

<% 

dim guanli 

guanli=session("dzsw") 

if guanli="" then 

response.redirect "login.asp” 

end if 

%> 

<html><body> 

<form name="form1" method="post" action="save.asp"> 

<table width="650" border="0" align="center" cellpadding="5" cellspacing="0"> 
<tr align="center" bgcolor="#006699"> 

<td colspan="2"><font color="#FFFFFF"> 新 闻 录 入 </font></td> 

</tr> 

<tr align="center" bgcolor="#FFFFFF"> 

<td align="right"> 录 入 时 间 :</td> <td align="left"*><%=now()%></td></tr> 

<tr align="center" bgcolor="#FFFFFF"><td align="right"> 新 闻 标 题 :</td> 

<td align="left"><input name="title" type="text" id="title" size="38"></td> </tr> 
<tr> <td width="104" align="right"> 新 闻 内 容 :</td> 

<td width="374" rowspan="2"> 

<textarea name="content" cols="50" rows="8" id="content" style="display:none"> 
</textarea> 

<iframe id="eWebEditor4" src="eWebeditor\ewebeditor.htm?id=content" frameborder="0" 
scrolling="no" width="550" height="350"></iframe> 

</td></tr> <tr> <td align="right">&nbsp;</td> </tr> 

<tr> <td align="right"> 录 入 者 :</td> 

<td><input name="name" type="text" id="name"></td></tr> 

<tr align="center" valign="top"> 


<td colspan="2"><input type="submit" name="Submit" value=" 确 定 提交 "> &nbsp; 
<input type="submit" name="Submit2" value=" 重 新 输入 "></td> 
</tr></table></form> 

</body> 

</html 


第 8 章 ASP 存 取 数 据 库 技术 
说 明 : 后 台 的 新 闻 更 新 也 要 用 到 在 线 编辑 器 ， 使 用 方法 与 例 8-13 类 似 , 程序 由 大 家 自 
己 完 善 。 
至 此 ， 一 个 简单 的 带 有 后 台 的 企业 新 闻 系 统 基本 完成 。“ 麻 洗 虽 小 ， 五 脏 俱全 ”， 尽 管 
这 个 系统 比较 小 ， 但 通过 剖析 加 上 亲自 动手 实践 ， 可 以 掌握 很 多 电子 商务 网 站 开发 的 方法 
和 技巧 。 


ess 


一 、 简 答题 


1. 简 述 利用 ASP 存 取 Web 数据 库 的 常用 流程 。 
2. 分 别 写 出 连接 Access 数据 库 和 SQL Server 数据 库 的 几 种 方式 。 
3. Connection 对 象 的 Execute 方法 返回 的 记录 和 集 与 显 式 明确 建立 的 Recordset 对 象 有 什 


么 不 同 ? 
4. 简 述 留言 板 分 页 的 步 又。 
二 、 选 择 题 
1. 如 果 一 个 记录 集 为 空 ， 那 么 Bof、Eof 属性 的 值 分 别 是 3 
A. True、 False B. False、 True C. Trme、 True D. False、 False 
站 ”下面 发 ) 语句 打开 的 记录 集 可 以 前 后 移动 指针 ， 并 且 可 读 可 写 。 
A. rs.Open strSql,conn B. rs.Open strSqlconn,1.3 
C. rs.Open strSql,conn,,2 D. rs.Open strSql,conn,l 
3， 如 果 希 望 打 开 的 数据 库 是 只 读 的 ， 需 要 设置 Connection 对 象 的 ( ) 属性 。 
A. Provider B. Mode C. ReadOnly D. ConnectionString 
4. 要 获得 当前 记录 在 记录 集中 位 于 哪 一 页 的 属性 是 a 
A. Absolutepage B. Recno C. AbsolutePosition D. RecordCount 
5. 在 分 页 显示 时 ， 用 于 指定 每 页 记录 数 的 属性 是 (  )。 
A. PageSize B. PageCount C. CacheSize D. MaxRecords 
ee 
一 、 实 训 目 的 
1. 通过 实 训 ， 掌 握 使 用 Connection 对 象 的 Execute 方法 存 取 数据 库 与 使 用 Recordset 
对 象 存 取 数 据 库 两 种 方法 。 


2. 掌握 具有 分 页 功能 的 留言 板 的 制作 方法 。 
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3. 掌握 带 有 后 台 的 新 闻 系统 的 制作 方法 。 
二 、 实 训 内 容 


1. 制作 简易 留言 板 ， 数 据 库 同 例 8-7。 按 以 下 步骤 完善 留言 板 功能 。 

(1) 制作 最 简单 的 留言 板 首页 ， 其 中 包括 一 个 表单 ， 提 交 后 能 添加 留言 即 可 。 表 单 
下 面 显 示 留 言 。 

(2) 在 上 面 的 留言 板 中 , 输入 多 行 留言 ， 观 察 显示 留言 时 能 实现 换行 功能 吗 ? 如 不 能 ， 
如 何 改 进 ? 留言 中 输入 的 HTML 标记 能 正确 显示 吗 ? 如 不 能 ， 如 何 改进 ? 

(3) 能 否 将 上 面 的 数据 库 链接 文件 独立 出 来 ， 然 后 在 其 他 文件 中 用 include 命令 包含 
进来 。 

(4) 如 果 要 求 留言 主题 、 内 容 和 姓名 不 能 为 空 ， 如 何 实现 客户 端的 JavaScript 验证 ? 
即 如 果 为 空 ， 给 出 提示 ， 并 返回 重新 输入 。 

(5) 为 上 面 的 留言 板 添加 删除 功能 ， 且 删除 时 要 求 输入 密码 。 如 何 实现 删除 指定 的 
某 条 留言 ， 即 参数 ID 如 何 传递 ? 

(6) 如 何 利用 样式 修饰 留言 板 的 页 面 ? 

(7) 实现 管理 员 回复 功能 ， 即 输入 密码 可 回复 客户 留言 。 提 示 : 在 数据 库 中 加 一 个 
回复 字段 ， 如 reback 等 。 

(8) 实现 分 页 功能 。 利 用 Connection 的 execute 方法 得 到 的 记录 集 能 进行 分 页 吗 ? 利 
用 Recordset 对 象 的 分 页 属性 实现 留言 板 分 页 。 

(9) 实现 另 一 种 分 页 形式 ， 如 [第 一 页 ][ 下 一 页 ][ 上 一 页 ][ 最 后 一 页 ]。 

2. 仿 本 书 8.5 节 中 的 例题 ， 将 8.3 节 中 制作 的 企业 新 闻 系 统 修改 为 带 有 后 台 的 企业 新 
闻 系 统 。 

要 求 : 

(1) 将 后 台 的 编辑 器 改 为 eWebEditor 在 线 编辑 器 。 

(2) 进入 后 台 进行 登录 ， 后 台 的 每 一 个 页 面 要 进行 口令 验证 。 

(3) 分 别 对 发 布 的 不 同文 字 、 图 片 等 信息 进行 测试 。 


224 


第 9 章 ”电子 商务 网 站 设计 与 开发 实例 


© 
\ 二 之 【学 习 目标 】 
@ 能 开发 简单 的 ASP 动态 综合 网 站 。 
@ 掌握 电子 商务 网 站 的 规划 、 分 析 和 设计 思想 。 
@ 熟悉 网 站 主要 功能 模块 程序 的 算法 。 


通过 前 面 几 章 的 介绍 ， 我 们 已 经 掌握 了 静态 网 站 设计 和 动态 网 站 设计 的 基本 要 点 , 但 
由 于 各 章节 内 容 相对 比较 零散 ， 还 不 能 将 学 到 的 方法 和 技能 灵活 运用 于 一 个 实用 的 电子 商 
务 网 站 的 设计 和 开发 。 本 章 将 综合 利用 前 面 所 学 知识 ， 首 先 学 习 制 作 一 个 具有 网 上 购物 功 
能 的 电子 商务 网 站 一 一 网 上 书店 ， 然 后 介绍 一 下 利用 CMS 快速 搭建 网 站 平台 的 方法 。 


9.1 ”网 站 需求 定位 与 功能 模块 划分 


1， 需求 分 析 


首先 ， 我 们 需要 为 网 上 书店 做 一 个 简单 的 需求 分 析 。 

网 上 书店 网 站 的 核心 功能 是 提供 图 书 的 在 线 零售 业务 。 对 于 用 户 来 说 ， 最 基本 的 需求 
是 可 以 方便 地 在 线 浏览 网 上 书店 中 提供 的 各 种 图 书 ， 也 可 以 在 线 订 购 所 需要 的 图 书 。 而 管 
理 员 的 基本 需求 是 可 以 维护 客户 注册 信息 、 维护 图 书信 息 、 处 理 订单 信 息 、 维护 系统 公告 、 
网 上 售 书 。 


2 功能 模块 划分 


综合 以 上 需求 ， 确 定 网 站 的 功能 如 下 。 

功能 一 : 用 户 浏览 图 书 ， 查 看 图 书 详细 介绍 。 还 可 以 进行 用 户 注册 ， 需 要 填写 用 户 名 、 
密码 、 确 认 密 码 、 地 址 、 邮 编 、 邮 箱 等 用 户 信息 。 

功能 二 : 用 户 登录 功能 。 使 用 已 经 注册 过 的 用 户 名 和 密码 进行 登录 ， 经 过 系统 确认 正 
确 后 ， 即 可 进入 下 一 步 操作 。 

功能 三 : 将 图 书 进行 分 类 ， 用 户 可 以 根据 图 书 类 型 浏览 图 书 。 

功能 四 : 浏览 搜索 图 书 功 能 。 用 户 可 以 通过 输入 想 要 找 的 图 书 的 关键 字 进行 查询 ， 然 
后 从 若干 本 书 中 进行 浏览 ， 挑 选 出 自己 想 要 的 图 书 。 

功能 五 ; 购物 车 功能 。 用 户 在 浏览 网 页 和 查找 图 书 的 过 程 中 ， 如 果 选 中 某 一 本 书 ， 就 
可 以 随时 将 它 添加 到 自己 的 购物 车 中 。 在 购物 车 中 ， 还 可 以 修改 数量 和 删除 图 书 ， 并 且 能 
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计算 出 用 户 购买 图 书 的 实际 价格 ， 让 用 户 明白 自己 的 消费 情况 。 

功能 六 : 结账 功能 。 当 用 户 将 挑选 好 的 图 书 放 到 购物 车 ， 并 决定 要 购买 这 些 图 书 时 ， 
可 以 结账 ,生成 订单 及 订单 号 ， 此 时 必须 判断 当前 用 户 是 否 登录 ， 如 果 未 登录 ， 要 先 登录 。 

功能 七 : 排序 功能 。 该 功能 是 将 网 站 上 的 所 有 图 书 按照 销售 量 进行 排序 显示 ， 并 将 网 
站 上 的 所 有 图 书 按照 上 传 日 期 进行 排序 再 显示 。 

功能 八 : 书店 网 站 管理 员 对 图 书 进 行 分 类 管理 功能 。 该 功能 包括 添加 图 书 、 修改 图 书 、 
删除 图 书 、 添 加 图 书 类 型 、 修 改 图 书 类 型 、 删 除 图 书 类 型 并 且 显 示 出 所 有 的 图 书 类 型 和 图 
书信 息 〈 如 书号 、 名 称 等 )。 

功能 九 : 书店 网 站 管理 员 对 网 站 的 用 户 进行 管理 。 该 功能 是 指 管理 员 可 以 维护 客户 注 
册 信息 、 图 书信 息 以 及 系统 公告 ， 同 时 ， 还 可 以 将 一 些 使 用 不 规范 的 用 户 或 者 长 期 不 用 的 
用 户 进行 删除 。 

3.， 网 站 架构 


从 结构 上 来 讲 ， 可 将 上 面 的 功能 分 为 两 大 部 分 ， 一 是 面向 用 户 的 前 台 ， 二 是 面向 管理 
员 的 后 台 。 网 上 书店 架构 如 图 9-1 所 示 。 


网 上 书店 系统 


Ed | 


图 9-1 网 上 书店 架构 


9.2 数据库 设计 


数据 库 是 整个 网 站 的 基础 , 因此 必须 在 数据 库 设计 好 以 后 , 才能 完成 其 他 模块 的 实施 。 
1. 用 户 信息 表 ( 表 名 : users ) 


用 户 信息 表 用 来 存放 用 户 的 注册 信息 ， 表 结构 如 图 9-2 所 示 。 
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一 users: 表 

国 Ea | ” 教 据 类 型 
到 文本 

|_ |vserType 文本 

__ |Password 文本 
RealNane 文本 
hddress 文本 

| |Postaleode 文本 
Sex 文本 
Tel 文本 
meil 文本 
wm 文本 
|Intro 备注 

_ |SubmitDate 日 期 /时 间 
Totam 数字 
|Totallloney 货币 


用 户 类 型 : A 表示 管理 员 未 示 普 通 客 崩 


9-2 ”users 表 结构 


2.， 图 书信 息 表 〔 表 名 : book ) 
图 书信 息 表 用 来 存放 图 书 的 信息 ， 表 结构 如 图 9-3 所 示 。 
3， 图 书 类 型 表 ( 表 名 : kind ) 
图 书 类 型 表 用 来 存放 图 书 的 类 型 ， 表 结构 如 图 9-4 所 示 。 


刁 book: 表 


Bookdlane 
BookAuthor 
BookPrice 
Bookdfun 
Picture 
BookIntro 
BookIndex 
Kindld 
SubmitDate 


:直接 保存 在 数据 库 中 


备注 


: 图 书目 录 
数字 
日 期 /时 间 ls 


9-3 ”book 表 结 构 
4.， 订单 表 ( 表 名 : orders ) 
订单 表 用 来 存放 用 户 的 订单 信息 ， 表 结构 如 图 9-5 所 示 。 

SS， 订单 详细 信息 表 ( 表 名 : orders_particular ) 

订单 详细 信息 表 用 来 存放 订单 的 详细 信息 ， 表 结构 如 图 9-6 所 示 。 


orders :要 


到 
加 | 
Totaim 
Totahoney 
el 
consim 

一 |consimDate 


目 
类 别 户 号 ， 与 kind 中 的 1a 字段 对 应 
架 日 期 


9-4 kind 表 结 构 


订单 编号 
用 户 名 


该 订单 图 书 数量 
该 订单 图 书 总 金额 
购买 日 期 

是 否 发 货 ， 发 货 为 True， 否 刚 为 False 


是 / 否 
日 期 /时 间 发 货 日 期 


图 9-5 ”orders 表 结构 


[RE ETTTTCE 
订单 编号 ， 对 应 orders 表 中 0rderI 


9-6 orders_particular 表 结 构 


数据 库 设 计 完成 以 后 ， 可 以 先 在 各 个 表 中 添加 一 些 测试 数据 ， 以 方便 在 后 面 的 程序 设 
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计 过 程 中 使 用 。 


9.3 ”主要 模块 设计 


1， 用户 注册 与 登录 模块 


在 电子 商务 网 站 中 ， 通 常 提供 用 户 注册 与 登录 模块 。 当 用 户 第 一 次 访问 时 ， 可 以 注册 
一 个 用 户 名 ， 以 后 就 可 以 用 这 个 用 户 名 和 密码 进行 登录 。 新 用 户 注 册 时 需要 提供 一 系列 的 
信息 ， 对 于 一 个 电子 商务 网 站 来 说 ， 这 些 用 户 的 信息 与 网 站 的 经 营 密切 相关 。 作 为 网 站 来 
讲 ， 必 须 对 用 户 填 写 的 各 种 信息 进行 跟踪 ， 因 此 ， 保 存 这 些 用 户 的 信息 显得 尤为 重要 。 另 
一 方面 ， 注 册 与 登录 功能 的 实现 可 以 有 效 地 防止 恶意 用 户 的 非法 破坏 。 

(1) 注册 页 面 (regl.asp、reg2.asp、reg3.asp)。 在 本 例 中 ， 新 用 户 在 首页 单 击 【注册 】 
按钮 , 显示 本 系统 的 用 户 注册 界面 (regl.asp)， 
输入 用 户 名 要求 大 于 或 等 于 4 位 ， 小 于 20 
位 )、 密 码 与 确认 密码 必须 一 致 。 然 后 ， 进 入 
用 户 详 细 信 息 注 册 (reg2.asp )， 完 成 后 提交 到 
reg3.asp， 显 示 注 册 成 功 。 

G@ regl.asp 显示 用 户 注 册 界 面 , 如 图 9-7 
所 示 。 图 9-7 用 户 注 册 界 面 

regl.asp 的 主要 代码 如 下 : 


<!--#include file="../conn.asp"--> 
<html><head> <script language="javascript"> 
function check_Null(){ 
i (document.form1.Userld.value==""){ 


用 户 注册 


# 《大 于 或 等 于 4 位 ,小 于 20 位 》 


alert(" 用 户 名 不 能 为 空 ""); 
return false; 
j 
if (document.form1.password.value==""}{ 
alert(" 密 码 不 能 为 空 "); 
return false; 
J 


if (document.form1.password.value!l=document.form1.password2.value){ 


alert(" 密 码 和 密码 确认 必须 一 致 ""); 


return false; 
) 
return true; 
} 
</script></head> 
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<body > <table width="607" border="0" align="center cellpadding="0" cellspacing="0"> 
<tr> <td align="center" bgcolor="#FFFFFF"> 
<h3 align="center"><font color='"#AB0000"> 用 户 注册 </font></h3> 
<form onSubmit="javascript: return check_Null();" action=”” 
<table width="80%" border=0 > 
<tr ><td width="21%" height="25"> 用 户 名 </td> 
<td width="79%"><input size=15 name="Userld" class="inputbox"> 
<font color=#990000>* </font>( 大 于 或 等 于 4 位， 小 于 20 位 )</td></tr> 
<tr bgcolor="#FFFFFF"> <td height="25"> 密 码 </td> 
<td><input type="password" name="password" > 
<font color=#990000>* </font></td></tr> 
<tr bgcolor="#FFFFFF"> <td height="25"> 确 认 密 码 </td> 
<td><input type="password" name="password2" > 
<font color=#990000>* </font></td></tr></table><br> 
<input type=submit value=" 确 定 "name="submit” > 


method="post"> 


</form> 

<% ' 各 项 验证 正确 无 误 ， 则 可 继续 注册 ， 否 则 返回 

if request("Userld")<>"" then ' 先 检验 账号 ， 如 果 正 确 ， 则 exit_flag 为 0， 否则 为 1 
Dim exit_flag,strTemp 

exit_flag=0 


lf len(request("Userld"))<4 or len(request("Userld"))>20 Then 
strTemp="<br> 用 户 名 必须 大 于 4 位 小 于 20 位 " 
exit_flag=1 
End If 
Dim strSql,rs 
strSql="Select Userld From Users Where Userld=" & request("Userld") & "™ 
set rs=db.execute(strSql) 
If not rs.eof and not rs.bof Then 


exit_flag=1 

strTemp="<br> 已 有 人 使 用 该 用 户 " 

End If 

IF exit_flag=0 Then "表示 可 以 注册 


Dim Userld,password 

Userld=request("Userld ) 

password=request("password ) 

strSql="Insert Into users(Userld,password,UserType) Values(”& Userld & "," & password & 
"Ny 

'N 表示 是 普通 用 户 

db.execute(strSql) 

session("Userld")=Userld "用 session 记 住 用 户 名 ， 以 备 reg2.asp 使 用 
response.redirect "reg2.asp” 

Else 
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response.write "<p><font color='red'> 提 示 :" & strTemp & ", 请 重新 填写 </font></p>" 
End If 
end if%> 


说 明 : 运行 regl.asp， 在 页 面 中 单 击 【 确 定 】 按 钮 ， 提 交 表 单 。 此 时 ， 程 序 要 判断 4 
件 事 , 一 是 用 户 名 和 密码 是 否 为 空 ?3 如 果 为 空 ,要 重新 输入 。 这 个 任务 由 客户 端的 JavaScript 
程序 来 完成 。 二 是 要 判断 两 次 密码 输入 是 否 一 致 ， 如 果 不 一 致 也 要 返回 。 这 个 任务 也 是 由 
客户 端的 JavaScript 程序 来 完成 的 。 第 三 是 输入 的 用 户 名 是 否 满 足 “ 大 于 或 等 于 4 位 ， 小 
于 20 位 ” 这 个 任务 由 服务 器 来 判断 。 第 四 是 检查 是 否 有 人 使 用 了 该 用 户 名 ， 如 已 经 被 人 
占用 ， 则 必须 重新 输入 。 以 上 如 果 都 没有 问题 ， 则 允许 用 户 注册 ， 将 把 用 户 名 和 密码 添加 
到 数据 库 中 ， 并 保存 其 session 信息 ， 继 续 进 行 下 一 步 注册 。 

@ reg2.asp 用 来 进行 用 户 的 详细 信息 注册 ， 界 面 如 图 9-8 所 示 。 


用 户 注册 
入 写 详细 信息 


用 户 名 sunny 
真实 姓名 
通讯 地 址 k 
邮政 编码 
性 别 “于 [上 
电话 
al [Ek 
WaS 如 
个 人 简介 


确定 
图 9-8 用 户 详细 信息 注册 
reg2.asp 的 主要 代码 如 下 “〈 为 突出 重点 ， 省 略 了 表单 显示 等 代码 ); 


<% 

If Request.Form("realname")<>"" And Request.Form("email")<>"" Then 
dim Userld,strSql 

Userld=session("Userld") "从 Session 中 获取 用 户 名 

"下 面 组织 SQL 语句 ， 因 为 某 些 项 目 允 许 为 室 ， 所 以 需要 进行 判断 
strSql="Update users Set realname=”& Request.Form("RealName") & "" 
strSql=strSql & ",email=" & Request.Form("email") & "™ 

strSql=strSql & ",sex=" & Request.Form("sex") & "™ 

strSql=strSql & ",SubmitDate=#" & Date() & "#" 

strSql=strSql & ",Address=" & Request.Form("address")& "" 
strSql=strSql & ",postalcode=" & Request.Form("postalcode") & "™ 
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lf Request("QQ") <> ”Then 
strSql = strSql & ",QQ=" & Request.Form ("QQ") &  ”" 
End If 
If Request("tel") <> ”Then 
strSql = strSql & ",tel=" & Request.Form("tel") & "™ 
End If 
If Request("intro") <> ”Then 
strSql = strSql & ",intro=" & Request.Form("intro") & "™ 


End If 
strSql=strSql & " Where Userld=" & Userld & "™ 
db.Execute(strSql) 
db.close ' 关 闭 对 象 


set db=nothing 
Response.Redirect "reg3.asp" 

End If 

%> 


说 明 : 为 了 便于 阅读 程序 ， 例 子 中 所 采用 的 变量 名 基本 上 与 数据 库 的 字段 名 一 致 ， 表 
单 域名 与 字段 名 相同 。 

@ reg3.asp 比较 简单 ， 主 要 是 显示 注册 成 功 等 信息 ， 代 码 参考 教材 配套 案例 。 

(2) 登录 页 面 (login.asp)。 在 登录 页 面 中 ， 要 求 用 户 输 入 用 户 名 和 密码 ， 提 交 后 ， 
在 数据 库 中 查找 ， 如 果 找 到 了 该 用 户 ， 就 表示 用 户 名 和 密码 正确 ， 人 允许 登录 ， 并 将 其 用 户 
名 保存 到 session 中 ， 重 定向 到 首页 index.asp; 如 果 没 有 找到 ， 表 示 用 户 名 或 密码 错误 ， 
提示 重新 输入 。 

login.asp 主要 代码 如 下 : 


Dim username,password 
username=request.Form("username") 
password=request.form("password") 
sql="Select * From users Where username=" & username & ”And password=" & password & 
Set rs=db.Execute(sql) 
lf Not rs.Bof And Not rs.Eof Then 
"如 果 有 记录 ， 表 示 有 该 用 户 ， 则 将 用 户 名 保存 到 Session 中 ， 然 后 重 定向 到 首页 index.asp 
Session("username")=rs("username") 
response.redirect "index.asp” 
Else 
response.write "对 不 起 ， 用 户 名 或 密码 有 误 ， 请 重新 登录 " 
End If 


2， 商 品 展 示 模 块 
为 了 让 用 户 购 买 图 书 ， 必 须 先 提供 让 其 了 解 图 书信 息 的 页 面 ， 然 后 由 用 户 浏览 后 作出 
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购买 的 决定 ， 如 图 9-9 所 示 。 在 首页 展示 图 书信 息 ， 如 果 用 户 需要 分 类 了 解 图 书信 息 ， 要 
为 每 个 分 类 都 提供 相应 页 面 查询 。 


网 赴 书 店 


名 称 : 瓦尔 本 漠 
作者 : 校 罗 
价格 : 13 元 


详细 信息 


吾 称 : 
作者 : 萤 雪 蕙 
价格 : 36 元 


详细 信息 
吾 称 * 历 更 是 不 秆 艺 玩 着 儿 
: 囊 移 飞 


9-9 ”图 书展 示 页 面 


(1) 图 书 分 类 导航 。 如 图 9-9 所 示 , 首页 上 方 显示 图 书 的 分 类 导航 。 只 需 依 次 读 取 kind 
表 中 字段 KindName 的 值 并 将 其 显示 出 来 即 可 。 另 外 ， 还 要 为 每 一 个 显示 的 图 书 分 类 名 加 
上 超 链接 ， 即 向 index.asp 传递 其 相应 的 id 值 。 注 意 ,“ 首 页 ”本 身 并 不 是 一 个 分 类 ， 所 以 
可 以 赋 给 它 一 个 特殊 的 id 值 0。 

分 类 导航 的 主要 代码 如 下 : 


<a href="index.asp?Kindld=0"> 首 页 </a>&nbsp;&nbsp; 
<% “下 面 输 出 类 别 信息 

Dim rs,strSql 

strSql="Select * From Kind Order By Kindld" 

Set rs=db.Execute(strSql) 
Do While Not rs.Eof 
Response.Write "<a href='index.asp?Kindld=" & rs("Kindld") & "&KindName=" 
&rs("KindName") & ">" & rs("KindName") & "</a>&nbsp;&nbsp;" 

rs.MoveNext 

Loop %> 


(2) 获取 全 部 展示 或 分 类 展示 的 id。 当 用 户 第 一 次 打开 网 站 或 在 浏览 图 书 的 过 程 中 
单 击 了 【首页 】 超 链接 ， 看 到 的 将 是 图 书 的 全 部 展示 页 面 。 而 当 用 户 单 击 各 图 书 分 类 超 链 
接 时 ， 则 是 分 类 展示 页 面 。 这 里 可 以 通过 接收 前 面 的 id 值 加 以 区 分 ， 并 利用 Session 信息 
将 其 保存 。 具 体 代码 如 下 : 


Dim Kindld 
lf Session("Kindld")="" Then 
' 表 示 刚 打开 本 页 面 ， 所 以 令 Kindld="0"， 表 示 所 有 
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Kindld="0" 
Session("Kindld")="0" 

Elseif Request.QueryString("Kindld")<>"" Then 
表示 用 户 选择 了 具体 类 别 
Kindld=Request.QueryString("Kindld") 
Session("Kindld")=Kindld 

Else 
表示 其 他 情况 下 返回 首页 
Kindld=Session("Kindld ) 

End If 


(3) 获取 分 页 显示 的 页 码 。 当 图 书 比较 多 时 ， 通 常 的 做 法 是 进行 分 页 。 所 以 ， 在 展 
示 图 书 之 前 ， 也 要 获取 图 书展 示 页 的 页 码 。 主 要 代码 如 下 : 


' 获 取 数 据 页 码 变量 

Dim page_no 

If Session("page_no")="" Then 
表示 用 户 刚 刚 打开 页 面 
page_no=1 
Session("page_no")=page_no 

Elseif Request.QueryString("Kindld")<>"" Then 
表示 用 户 选 择 了 新 的 类 别 ， 应 该 显示 第 1 页 
page_no=1 
Session("page_no")=page_no 

Elseif Request.QueryString("page_no")<>"" Then 
"表示 选 择 了 页 码 ， 所 以 显示 指定 页 码 
page_no=Cint(Request.QueryString("page_no")) 
Session("page_no")=page_no 

Else 
' 其 他 情况 下 应 该 回 到 原来 的 页 面 ， 所 以 从 Session 中 读 取 
page_no=Session("page_no") 

End If 

(4) 综合 考虑 上 面 的 几 种 情况 以 后 ， 图 书展 示 的 主要 代码 如 下 为 了 让 大 家 看 得 更 
清楚 ， 省 略 了 一 些 布局 上 的 代码 ， 如 表格 的 标记 、 属 性 等 。 详 细 的 代码 可 参考 配套 教材 
案例 ): 

<% 

' 下 面 开始 分 页 显示 所 有 数据 

lf Kindld="0" Then 

strSql="Select * From book Order By Submitdate Desc" 


Else 
strSql="Select * From book Where Kindld=" & Kindld & " Order By Submitdate Desc” 
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End If 

Set rs=Server.CreateObject("ADODB.Recordset") 

rs.Open strSql,db,1 ' 因 为 要 分 页 显示 ， 所 以 用 键盘 指针 

' 下 面 如 果 非 空 就 显示 记录 

If Not rs.Bof And Not rs.Eof Then 

' 以 下 主要 为 了 分 页 显示 

rs.PageSize=PageSize ' 设 置 每 页 显示 多 少 条 记录 ， 从 配置 文件 中 读 取 
dim page_total 


page_total=rs.PageCount 'page_total 会 返回 总 页 数 
rs.AbsolutePage=page_no ”' 设 置 当 前 显示 第 几 页 ， 这 里 用 到 了 传 过 来 的 page_no 


Dim | 

I|=PageSize 中 用 来 控制 显示 当前 页 记录 ， 注 意 这 里 要 与 rs.PageSize 一 臻 
Do While Not rs.Eof And Il>0 ”' 循 环 直到 当前 页 结束 或 记录 集结 尾 

[=I-1 ' 每 显示 一 条 ，| 减 1。 当 变 成 0 时， 表示 本 页 结束 

%> 


<a href="particular.asp?Bookld=<%=rs("Bookld")%>"> 
<img src="showimage.asp?Bookld=<%=rs("Bookld")%>"></a> 
名 称 : <%=rs("bookName")%> 
<br> 作 者 : <%=rs("bookAuthor")%> 
<br> 价 格 : <%=rs("bookPrice")%> 元 
<p><a href="particular.asp?Bookld=<%=rs("Bookld")%>" > 详细 信息 </a>&nbsp; 
<a href='"#' onClick="open(buybook.asp?Bookld=<%=rs("Bookld")%>",' 购 物 车 ,resizable=0, scrolbars=1， 
status=no,toolbar=no,location=no,menu=no,width=660,height=400,left=100,top=100")"> 
<img border="0" src="images/buy.gif’></a> 
<% rs.movenext 
loop 
End If%> 
<% 
' 以 下 语句 依次 写 出 各 页 页 码 ， 并 对 非 当前 页 设置 超 链接 ， 当 前 页 则 不 设置 
Response.Write "<p align='center><b><font color=#CC0066'>" & page_no & "/" & page_total & 
"</b> </font> 页 &nbsp;” 
For |=1 To page_total 
Ifl=page_no Then 
Response.Write | & "&nbsp" 
Else 
Response.Write "<a href='index.asp?page_no=" & | & ">" & | & "</a>&nbsp" 
End If 
Next %> 


3， 购 物 车 模块 


电子 商务 站 点 的 核心 就 是 购物 车 。 用 户 在 这 个 站 点 内 下 订单 ， 只 要 选择 各 种 自己 需求 
的 商品 ， 并 将 它们 添加 到 自己 的 购物 车 内 即 可 ， 就 像 在 超市 购物 一 样 。 当 然 ， 还 可 以 随时 
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查看 购买 商品 数量 、 商 品 单价 和 总 金额 ， 有 
权 将 商品 从 车 中 取出 ， 或 者 将 车 推 往 前 台 结 


二 您 的 购物 车 
0 
Oe os 32 二 再 夯 项 目 芝 天 与 划 进 32.00 1 ”| 半 32.00| 型 除 
每 个 人 进入 书店 后 ， 就 会 被 分 配 一 个 购 3 染 图 财 Y20.00 2 | 了 40 00 型 除 


总 计 ¥ 98. 00 


[到 宫 名 绪 购物 | 矿 认 数量 修 滩 耻 溉 台 


物 车 ， 他 可 以 往 里 添加 图 书 ， 也 可 从 中 删除 
图 书 。 那 么 ， 用 什么 来 保存 这 些 图 书信 息 
呢 ? 显然 ， 一 个 普通 变量 是 不 能 胜任 的 。 国 849 购 胸 车 
为 购物 车 里 面 可 能 是 一 本 书 ， 也 可 能 是 多 本 
书 〈 可 以 看 成 是 一 个 列表 )， 而 且 ， 每 本 书 的 数量 可 能 是 不 一 样 的 。 问 题 的 关键 是 这 个 列 
表 是 变动 的 ， 所 以 处 理 这 种 变动 的 列表 一 般 就 是 第 6 章 学 到 的 变 长 数组 ， 并 且 还 要 将 变 长 
数组 保存 在 Session 变量 中 。 
具体 实现 起 来 有 很 多 方法 , 这 里 采用 两 个 一 维 数 组 Books 和 BooksNum 来 分 别 保存 图 
书 编号 和 购买 数量 。 
当 用 户 买 第 一 本 书 时 ， 就 分 别 建立 两 个 长 度 为 1 的 数组 ， 并 将 图 书 编号 和 购买 数量 分 
别 保存 到 两 个 数组 中 ， 然 后 将 它们 保存 到 Session 中 。 如 果 用 户 又 选择 了 另外 一 本 书 ， 就 
从 Session 中 读 取 两 个 数组 ， 并 利用 Redim 重新 定义 数组 ， 将 它们 的 长 度 加 1， 然 后 将 该 
书 编号 和 数量 分 别 保存 在 每 个 数组 的 最 后 一 项 中 ， 最 后 重新 存 回 Session 中 。 
如 果 用 户 又 要 购买 购物 车 已 经 存在 的 图 书 ， 从 Session 中 读 取 数组 ， 然 后 在 Books 数 
组 中 找到 这 个 图 书 的 编号 ， 并 根据 这 一 项 的 下 标 找到 BooksNum 对 应 的 数组 项 ， 将 其 中 的 
数量 加 1。 最 后 仍 将 数组 保存 回 Session。 
下 面 是 与 购物 车 相关 的 几 个 重要 函数 和 子 程序 的 代码 。 
(1) BookExist 函数 
作用 : 判断 某 一 本 书 是 否 在 购物 车 中 已 经 存在 ， 如 存在 ， 则 返回 对 应 的 数组 下 标 ， 否 
则 返回 -1。 
Function BookExist(Bookld) 
Dim Books 
Books=Session("Books") 
"如 果 条 件 成 立 ， 表 示 不 是 数组 ， 说 明 其 中 根本 没有 书 ， 直 接 返 回 值 ， 退 出 函数 即 可 
If IsArray(Books)=False Then 
BookExist=-1 
Exit Function 
End If 
Dim numTemp,subScript 
subScript=-1 "用 于 获得 对 应 于 该 书 的 下 标 
numTemp=Ubound(Books) "获得 数组 的 最 大 下 标 ， 也 就 是 长 度 
Dim 1 
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For 1I=0 To numTemp 
If Books(I)=Bookld Then ' 存 在 相同 的 书号 ， 返 回 数组 的 下 标 值 
subScript=| 
Exit For 
End If 
Next 
BookExist=subScript 
End Function 


(2) AddBook 子 程 序 
作用 : 用 来 向 购物 车 中 添加 图 书 。 


Sub AddBook(Bookld,BookNum) 

' 首 先 返 回 两 个 数组 

Dim Books,BooksNum 

Books=Session("Books") 

BooksNum=Session("BooksNum") 

' 调 用 函数 返回 该 书 在 已 有 数组 中 的 编号 ， 如 果 尚 不 存在 ， 则 返回 -1 

Dim subScript 

subScript=BookExist(Bookld) 

"下 面 根据 各 种 情况 判断 

lf lsArray(Books)=False Then 
' 不 是 数组 ， 说 明 其 中 还 没有 任何 书 ， 这 是 添加 的 第 一 本 
ReDim Books(0) 
Redim BooksNum(0) 
Books(0)=Bookld 
BooksNum(0)=BookNum 

Elself subScript<>-1 Then 
表示 该 书 已 经 在 购物 车 中 ， 只 要 修改 添加 数量 即 可 
BooksNum(subScript) = BookNum + BooksNum(subScript) 

Else 
表示 购物 车 有 书 ， 但 是 该 书 不 存在 ， 重 新 定义 数组 长 度 ， 添 加 到 后 面 即 可 
Dim numTemp 
numTemp=Ubound(Books) 
Redim Preserve Books(numTemp+1) ' 重 新 定义 数组 
Redim Preserve BooksNum(numTemp+1) ' 重 新 定义 数组 
Books(numTemp+1)=Bookld 
BooksNum(numTemp+1)=BookNum 

End If 

"最 后 将 新 的 购物 车 数组 保存 到 Session 中 

Session("Books")=Books 

Session("BooksNum")=BooksNum 

End Sub 
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(3) DelBook 子 程序 
作用 : 用 来 在 购物 车 中 删除 一 件 货物 。 


Sub DelBook(Bookld) 
' 返 回 两 个 数组 
Dim Books,BooksNum 
Books=Session("Books") 
BooksNum=Session("BooksNum") 
"首先 调用 函数 找到 该 书 编号 在 数组 中 的 下 标 
Dim subScript 
subScript=BookExist(Bookld) 
' 返 回 数组 的 长 度 
Dim numTemp 
numTemp=Ubound(Books) 
lfnumTemp=0 Then 
表示 就 一 本 书 ， 直 接 清空 数组 即 可 
Session("Books")="" 
Session("BooksNum")="™" 
Else 
表示 有 若干 本 书 ， 将 该 书 以 后 的 图 书 往 前 移动 一 位 即 可 
Dim1 
For l=subScript To numTemp-1 
Books(l)=Books(l+1) 
BooksNum(l)=BooksNum(l+1) 


Next 
Redim Preserve Books(numTemp-1) ' 重 新 定义 数组 
Redim Preserve BooksNum(numTemp-1) ' 重 新 定义 数组 


最 后 将 新 的 购物 车 数组 保存 到 Session 中 
Session("Book UpdateBook s")=Books 
Session("BooksNum")=BooksNum 
End If 
End Sub 


(4) UpdateBook 子 程序 
作用 : 用 来 更 改 购物 车 中 的 货物 数量 。 


Sub UpdateBook(Bookld,BookNum) 
' 返 回 两 个 数组 
Dim Books,BooksNum 
Books=Session("Books") 
BooksNum=Session("BooksNum") 
' 首 先 找到 该 书 编号 在 数组 中 的 下 标 
Dim subScript 
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subScript=BookExist(Bookld) 

"下 面 分 两 种 情况 修改 数量 

lf subScript<>-1 And BookNum>0 Then 
表示 该 书 存在 ， 且 数量 不 为 0， 直接 修改 数量 即 可 
BooksNum(subScript)=BookNum 
最 后 将 新 的 购物 车 数组 保存 到 Session 中 
Session("Books")=Books 
Session("BooksNum")=BooksNum 

Elseif subScript<>-1 And BookNum<=0 Then 
' 表 示 该 书 存在 ， 但 是 数量 为 0 或 负数 ， 直 接 调 用 函数 删除 即 可 
Call DelBook(Bookld) 

End If 

End Sub 


4.， 结 账 


当 顾客 选 购 图 书 完毕 ， 接 下 来 的 流程 就 是 带 着 购物 车 去 收银 台 结 账 。 传 统 书店 的 收银 
员 结账 就 是 把 你 的 购物 车 中 的 商品 一 件 一 件 拿 出 来 ， 计 算 每 种 商品 的 数量 及 累加 的 总 金 
额 ， 然 后 一 手 交 钱 一 手 交 货 即 可 。 但 是 ， 作 为 网 站 来 讲 就 不 能 这 样 了 ， 通 常 是 记录 你 的 购 
物 的 详细 信息 〈 看 作 一 笔 订 单 )， 当 你 通过 某 种 支付 方式 付款 得 到 确认 以 后 ， 再 组 织 货物 
通过 物流 送 到 你 的 手中 。 

基于 以 上 考虑 ， 结 账 的 流程 可 以 做 如 下 处 理 。 

省“ 由 于 前 面 网 站 提供 了 用 户 注册 的 功能 ， 所 以 不 必 再 让 用 户 结账 时 重复 这 个 工作 ， 

只 要 在 结账 之 前 要 求 用 户 登 录 即 可 获取 用 户 的 详细 信息 。 

”从 Session 中 读 取 购物 的 详细 信息 ， 计 算 购买 图 书 的 总 数量 和 总 金额 。 

”在 订单 表 orders 中 添加 一 条 记录 ， 即 产生 一 笔 订 单 。 

”添加 订单 后 ， 立 即 返回 刚才 的 订单 编号 值 (orderid) 。 

”在 订单 详细 表 order_particular 中 添加 此 次 购物 的 详细 信息 。 

结账 过 程 中 用 到 的 主要 函数 是 CheckOut。 

作用 : 产生 本 次 订单 ， 并 记录 明细 情况 ， 最 后 返回 订单 号 码 。 


Function CheckOut() 
Dim Books,BooksNum,numTemp 
Books=Session("Books") 
BooksNum=Session("BooksNum") 
' 表 示 根 本 没有 买书 ， 不 必 结 算 
lf lsArray(Books)=False Then 
Exit Function 
End If 
' 首 先 添加 一 个 订单 ， 这 里 要 调用 求 总 数量 和 总 金额 的 函数 
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Dim rs,rs2,strSql 
strSql="Insert Into orders(Userld,TotalNum,TotalMoney,SubmitDate) Values(”& Session 
("Userld") & ", " & GetTotalNum() & "," & GetTotalMoney() & ",#" & Now() & "#)" 
db.Execute(strSql) 
' 马 上 返回 本 次 的 订单 编号 
Dim Orderld 
strSql="Select Top 1 Orderld From orders Where Userld=" & Session("Userld") & " Order By 
Orderld Desc" 
Set rs=db.Execute(strSql) 
Orderld=rs("Orderld") 
"下 面 再 依次 将 每 一 项 添加 到 明细 表 Orders_particular 中 ， 这 里 使 用 了 RecordSet 对 象 添加 
"当然 也 可 以 不 用 Recordset 对 象 ， 循 环 执行 多 条 Insert 语句 也 可 以 
Set rs=Server.CreateObject("Adodb.recordset ) 
rs.open "Select * From Orders_particular ,db,0,2 
numTemp=Ubound(Books) 
For |=0 To numTemp 
rs.Addnew 
rs("Orderld")=Orderld 
rs("Bookld")=Books(|) 
rs("BuyNum")=BooksNum(|) 
rs.Update 
Next 
rs.Close 
' 结 账 完毕 ， 可 以 将 数组 清空 
Session("Books")="" 
Session("BooksNum")="" 
' 返 回 订 单 号 
CheckOut=Orderld 
End Function 
%> 


5S， 图 书 管理 和 用 户 管 理 模 块 


图 书 管理 模块 负责 管理 系统 中 所 有 的 图 书信 息 。 主 要 功能 包括 图 书 的 分 类 管理 及 图 书 
添加 、 删 除 、 修 改 等 。 只 有 管理 员 才 具有 对 图 书信 息 进行 维护 的 权利 。 商 品 管理 是 网 上 书 
店 系统 的 核心 ， 网 上 书店 对 图 书 价 格 的 调整 以 及 新 书 的 添加 等 都 将 在 这 部 分 完成 。 

如 图 9-11 所 示 为 图 书 的 添加 页 面 。 

用 户 管理 模块 负责 管理 所 有 网 上 书店 的 用 户 信息 。 主 要 功能 包括 添加 、 删 除 、 修 改 以 
及 查找 用 户 信 息 。 每 个 用 户 的 购买 数量 、 购 买 金额 、 购 买 种 类 等 数据 可 以 用 来 分 析 用 户 消 
费 习惯 ， 对 于 电子 商务 网 站 的 运营 水 平 ， 为 用 户 提供 更 好 的 个 性 化 服务 有 很 大 的 帮助 。 

由 于 两 个 模块 功能 的 实现 与 第 8 章 中 的 企业 新 闻 管 理 的 模块 很 类 似 ， 这 里 不 再 给 出 程 
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序 代码 ， 详 细 内 容 可 参考 配套 教材 案例 。 


名 和 
作者 
从 格 
ES 

了 所属 关 别 


内 容 简介 


目录 


me 
图 天 的 六 | 


9-11 ”图 书 的 添加 页 面 


9.4 利用 CMS 搭建 网 站 实例 


9.4.1 CMS 简介 


1. 什么 是 CMS 


企业 网 站 建设 可 以 选择 定制 建站 ， 也 可 以 利用 CMS 建站 。 

定制 开发 , 是 根据 客户 的 行业 性 质 、 产 品 特性 、 业 务 服务 来 选择 实用 的 功能 进行 开发 ， 
源 程序 也 是 由 技术 人 员 独 立 设计 编写 ， 优 点 是 网 站 风格 与 个 性 鲜明 ， 与 其 他 网 站 不 会 同 质 
化 ， 因 此 对 搜索 引擎 也 更 友好 。 但 网 站 开发 周期 相对 较 长 ， 对 技术 人 员 要 求 较 高 。 

CMS 是 Content Management System 的 缩写 ， 意 为 “内 容 管 理 系统 ”。 是 用 各 类 型 语言 
如 ASP、.NET、PHP 等 开发 的 ， 用 来 管理 网 站 的 程序 系统 。 利 用 CMS 系统 可 以 快速 进行 
网 站 搭建 、 栏 目 创建 、 新 闻 发 布 、 产 品 更 新 等 内 容 ， 从 而 加 快 网 站 开发 的 速度 ， 减 少 开发 
的 成 本 。 


2. 为 什么 要 用 CMS 建站 

CMS 可 以 说 是 一 个 半成品 的 网 站 ， 就 是 一 个 网 站 框架 ， 它 基于 模板 的 优秀 设计 ， 可 以 
加 快 网 站 开发 的 速度 和 减少 开发 的 成 本 。 从 一 般 的 博客 程序 ， 新 闻 发 布 程 序 ， 到 综合 性 的 
网 站 管理 程序 都 可 以 被 称 为 CMS， 用 它 建 站 可 以 加 快 网 站 开发 的 速度 。 

3.，CMS 系统 选择 

CMS 可 以 用 来 创建 各 行 各 业 的 网 站 。 企 业 站 、 个 人 网 站 、 教 育 培训 、 保 险 业 、 和 餐饮 、 
房地产 、 服 务 行业 、 旅 游 业 、 政 府 机 关 、BBS 和 BLOG 等 可 以 说 是 无 所 不 能 ， 只 要 找到 相 
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应 的 CMS 就 可 以 实现 快速 建站 。 而 CMS 系统 有 很 多 ， 我 们 应 根据 行业 特征 和 CMS 特性 
及 其 优势 进行 选择 。 

(1) 网 上 商城 类 网 站 。ShopEx 和 Ecshop 这 两 款 网 上 商城 可 以 说 是 国内 两 个 比较 不 错 
的 产品 。ShopEx 是 国内 市 场 占有 率 最 高 的 商城 、 网 店 类 软件 ， 每 个 版 块 可 以 单独 进行 编 
辑 和 鼠标 拖 蝶 移 动 ， 使 用 户 制作 和 维护 模板 更 为 简单 ， 灵 活性 很 强 。 而 Ecshop 适合 企业 
及 个 人 快速 构建 个 性 化 网 上 商店 , 系统 是 基于 PHP 语言 及 MySQL 数据 库 构架 开发 的 跨 平 
台 开 源 程序 。 

(2) 企业 网 站 。 企 业 网 站 可 选择 的 CMS 比较 多 ， 需 要 根据 企业 的 行业 特征 选择 。 推 
荐 使 用 ASPCMS、5UCMS, 也 可 以 选择 PHP 的 YIQIcms, 比较 简单 , 融入 所 有 SEO 因素 。 

(3) 门户 网 站 。 推 荐 程序 织 梦 内 容 管 理 系统 DedeCms。DedeCms 是 国内 最 知名 的 
PHP 开源 网 站 管理 系统 ， 更 专注 于 中 小 型 门户 的 构建 ， 当 然 也 不 乏 有 企业 用 户 和 学 校 等 在 
使 用 本 系统 。 

(4) 个 人 博客 。 推 荐 程序 WordPress (PHP 的 程序 ) 和 Zblog (ASP 的 程序 ， 比 较 简 
单 )。WordPress 是 当前 商业 网 站 的 首选 blog 平台 , 国内 使 用 的 人 数 最 多 , 功能 强大 , 灵活 ， 
容易 上 手 ， 对 中 文 支持 好 。 

(5) 论坛 。 推 荐 程序 Discuz!。Discuz! 是 一 套 通用 的 社区 论坛 软件 系统 ， 用 户 可 以 在 
不 需要 任何 编程 的 基础 上 ， 通 过 简单 的 设置 和 安装 ， 在 互联 网 上 搭建 起 具备 完善 功能 、 很 
强 负载 能 力 和 可 高 度 定制 的 论坛 服务 。Discuz! 无 论 在 稳定 性 、 负 载 能 力 、 安 全 保障 等 方面 
都 居于 国内 外 同类 产品 领先 地 位 。 

值得 注意 的 是 ， 在 选择 CMS 系统 时 ， 除 了 考虑 系统 本 身 的 功能 外 ， 还 要 考虑 系统 运 
行 的 环境 是 用 什么 语言 开发 ， 是 PHP 还 是 ASP; 采用 的 数据 库 是 Access 还 是 MySQL; 语 
言 的 编码 是 utf-8 编码 还 是 gb2312 等 。 
常见 主流 建站 CMS 系统 运行 环境 如 图 9-12 所 示 。 


Wordpress PHP MYSQL 博客 
Z-BLOG ASP Access 博客 
Discuz PHP MYSQL 论坛 
PHPWIND PHP MYSQL 论坛 
DedeCMS PHP MYSQL 门户 
YiqiCMS PHP MYSQL 企业 
5uCMS ASP Access 企业 
74CMS PHP MYSQL 人 才 系 统 
laoyCMS ASP Access 门户 
KingCMS ASP Access 企业 
Zencart PHP MYSQL 外 贸 B2C 
Magento PHP MYSQL 外 贸 B2C 
Shopex PHP MYSQL 内 贸 网 店 
ECShop PHP MYSQL 内 贸 网 店 


9-12 ”常见 主流 建站 程序 运行 环境 
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9.4.2 ”利用 CMS 系统 建站 实例 


1.， 栏目 策划 


中 航 河北 某 机 械 股 份 有 限 公司 始 建 于 1947 年 ， 是 目前 国内 大 型 综合 性 机 械 产品 生产 
型 高 新 技术 企业 之 一 。 公 司 占 地 25 万 平方 米 ， 以 机 械 制 造 为 主导 ， 集 研发 、 制 造 、 贸 易 、 
服务 于 一 体 ， 专 业 生产 车 用 采暖 及 空气 净化 系统 〈 汽 车 加 热 器 、 散 热 器 、 除 霜 器 等 )、 流 
量 计量 仪表 、 泵 阀 产 品 和 和 铸件 等 。 产 品 远 销 欧 、 美 、 日 、 韩 等 多 个 国家 及 地 区 。 受 世界 经 
济 增长 放 组 的 影响 , 国内 部 分 生产 同类 型 产品 的 企业 倒闭 , 宏 业 部 分 产品 销售 也 出 现 不 畅 。 
面 对 此 逆境 ， 企 业 不 是 在 生产 和 管理 上 降低 成 本 就 是 开拓 新 的 市 场 ， 电 子 商务 也 被 企业 提 
到 运营 层面 来 。 原 有 企业 网 站 长 时 间 没有 更 新 和 维护 ， 核 心 关键 词 在 搜索 引擎 中 排名 也 不 
尽 人 如 意 ， 针 对 企业 网 站 现状 ， 决 定 建立 新 的 营销 型 企业 网 站 。 

为 了 解决 原 有 企业 网 站 长 期 的 运营 与 维护 上 突显 出 的 问题 ， 新 版 网 站 遵循 营销 型 网 站 
建设 理念 ， 根 据 之 前 的 网 站 以 及 客户 对 旧 网 站 的 用 户 体验 及 反馈 ， 在 原 有 网 站 栏目 设置 上 
进行 更 改 及 扩充 。 具 体 栏 目 内 容 如 表 9-1 所 示 。 

表 9-1 网 站 基本 栏目 设置 


一 级 栏目 | 二 级 栏目 备注 
图 文 介绍 ， 突 出 公司 的 历史 、 规 模 、 实 力 等 
Re 分 公司 专题 页 面 
分 公司 专题 页 面 
分 公司 专题 页 面 
经 理 致词 | | 图 文 介绍 
ee 企业 文化 | | 图 文 介绍 
(企业 介绍 | 资质 荣誉 | | 图 文 介绍 
设备 能 力 | ”| 图 文 介 5 
主要 客户 一 一 一 客户 列表 ， 按 行业 分 类 突出 大 客户 
工程 案例 案例 列表 (图 文 ) 按 行业 分 类 突出 大 项 目 
营销 网 络 一 一 一 各 地 营销 组 织 简介 、 联 系 方式 
服务 承诺 文字 介绍 
企业 大 事 记 文章 列表 ， 点 击 查 看 详细 
企业 动态 文章 列表 ， 点 击 查看 详细 
企业 公告 文章 列表 ， 点 击 查看 详细 
新 闻 动 态 业界 资讯 文章 列表 ， 点 击 查 看 详细 
Ee 文章 列表 ， 点 击 查看 详细 。 体 现 公司 、 员 工 的 相关 
0 活动 、 评 选 、 征 文 等 
产品 中 心 加 热 器 系列 分 类 1 图 文 列表 ， 点 击 查看 详细 
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续 表 
一 级 栏目 | 二 级 栏目 备注 
图 文 列表 ， 点 击 查 看 详细 
热 器 系 
有 | 图 文 列表 ， 点 击 查看 详细 
二 流体 机 械 系列 | ”分 类 …… 图 文 列表 ， 点 击 查 看 详细 
暖 风 系统 分 类 …… 图 文 列表 ， 点 击 查看 详细 


图 文 列 表 ， 点 击 查看 详细 


| 分 类 | 
技术 参数 文章 列表 ， 点 击 查看 详细 
ee 文章 列表 ， 点 击 查看 详细 (如 各 种 电子 版 产品 说 明 


类 
产品 分 类 分 类 …… 图 文 列表 ， 点 击 查看 详细 
类 


a 文章 列表 ， 点 击 查 看 详细 (产品 相关 的 常见 问题 解 
人 和 和 是 决 方法 ， 可 以 从 用 户 咨询 中 归纳 ) 
、 文章 列表 ， 点 击 查看 详细 ( 选 购 、 安 装 、 使 用 、 维 
人 护 、 保 养 等 知识 ) 
在 线 问答 。 | ”| 在 线 提交 问题 ， 管 理 员 后 台 回复 
在 线 留言 ”| ”| 文字 介绍 
人 留言 反馈 。 | | 页 面 效果 + 链接 
即时 通信 。 | | 动态 表单 
免费 电话 |  ”” | 动态 表单 
总 公司 地 址 、 联 系 方式 
重点 部 门 联系 方式 
各 分 公司 地 址 、 联 系 方式 
支持 地 图 地 理 位 置 展现 


联系 我 们 


网 站 页 面 布局 如 图 9-13 所 示 。 
2.， 下 载 并 安装 ASPCMS 


ASPCMS 是 武汉 上 谷 科技 有 限 公司 采用 ASP 与 SQL Server 2000 (也 有 Access 2003 
版 本 ) 开发 的 一 套 完全 开源 的 企业 建站 系统 ， 具 有 高 效 、 强 大 、 易 用 、 安 全 、 扩 展 性 强 的 
特点 , 前 后 已 更 新 过 3 个 大 版 本 及 十 多 个 小 版 本 ; 是 目前 国内 最 强大 的 ASP 的 开源 系统 之 
一 。 其 中 内 置 几 个 企业 主要 的 产品 模块 ， 包 括 文章 (新 闻 )、 产 品 、 图 片 、 下 载 、 招 聘 、 
相册 以 及 在 线 客服 , 可 以 满足 各 类 中 小 型 企业 网 站 的 应 用 。 因 此 不 仅 适合 于 建设 一 般 企业 、 
政府 、 学 校 、 个 人 等 小 型 网 站 ， 同 时 也 适合 于 建设 地 区 门户 、 行 业 门 户型 网 站 。 

登录 官方 网 站 (http://www.aspcms.com/ )， 进 入 官方 下 载 中 心 ， 免 费 下 载 ASPCMS 
V2.3.5 版 本 ， 如 图 9-14 所 示 。 
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图 9-13 企业 改版 后 的 首页 布局 
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下 载 地 址 ， 
官方 下 载 ， 
http://61.191.188.101:1002/aspcms235.rar 


分 流下 载 地 址 ， 
Chinaz 
http://down.chinaz com/sofV29759.htm 
admin5 
http://down.admin5.com/asp/73162 html 
cnz 
http://down.cnzz.cn/info/59587.aspx 


downcodes 
http://www.downcodes.com/download/view-software-10520.html 


9-14 下 载 ASPCMS V2.3.5 版 本 


接 下 来 就 是 解压 和 IIS 架设 工作 。 文 件 解 压 ( 版 本 是 .rar 压缩 包 ， 右 击 解压 到 当前 文件 
夹 )， 解 压 到 需要 的 目录 。 

以 安装 在 根 目录 为 例 。 打 开 刚 才 解 压 时 选择 的 目录 F 盘 根 目录 ， 看 到 ASPCMS 这 个 
文件 夹 ， 再 打开 IIS 服务 器 (选择 【开始 】 一 【设置 】 一 【控制 面板 】 一 【管理 工具 】 一 
ienet 全 起 服务 了 多 今 7 把 主 目 水 指 由 ASPEMS 程序 文件 。 徊 图 95 所 全 


ornet 信息 服务 和 名称 EE 
FC-201102181401 (本 地 计算 机 ) -about 

加 应 用 程序 池 加 sanin 

园 网 站 


已 Ac data 


头 ] 自 
ISAPI 第 选 器 
加 号 i 划 机 上 的 目录 加 j 
口 另 一 台 计算 机 上 的 共享 E) 
口 重 定向 到 VRLOQD 
本 地 路 径 旋 ) | AAspCns 在 线 测试 


回 记录 访问 Q) 
加 索引 资源 QD) 


[ 鞭 认 应 用 程序 | 


:在线 测试 :80> 
a -CJ 


单 击 此 处 
[CC 双 [ 观 jw |[_ 钢 _] 
图 9-15 ” 主 目录 设置 
单 击 【开始 位 置 】 右 边 的 【配置 】 按 钮 ， 弹 出 【应 用 程序 配置 】 对 话 框 ， 选 中 【启用 
父 路 径 】 复 选 框 ， 如 图 9-16 所 示 。 
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fer [如 而 3 
FC-201102181401 (本 地 计算 机 ) | sbout 

癌 应 用 程序 池 | in 

息 


| 加 hspCns_data 


hsprs 程 序 党 明 必 


默认 hsP 语言 QD); [VBSeript 
应 用 程序 名 曙 ) 
开始 位 置 : 
执行 权限 @) 
应 用 程序 池 QD : 


ASP 脚本 超时 中 ) 国 % 
口 局 用 并 排 集合 到 ) 


图 9-16 ”应 用 程序 配置 


若 安装 在 虚拟 〈 二 级 ) 目录 需要 修改 config 文件 夹 下 的 AspCms_Config.asp， 最 后 单 
击 【 保 存 】 按 钮 。 到 此 为 止 ， 系 统 安装 结束 。 


3.， 系统 后 台 操 作 


1) 进入 网 站 后 台 管 理 登录 界面 

打开 浏览 器 ， 输 入 后 台 登 录 地 址 : http://localhost/admin/， 输 入 用 户 名 、 密 码 、 验 证 码 
和 认证 码 , 登录 后 台 , 开始 建站 , 如 图 9-17 所 示 。ASPCMS 系统 默认 用 户 名 是 admin， 密 
码 是 123456。 需 要 修改 密码 可 以 登录 后 台 用 户 管理 一 管理 员 管 理 密码 进行 修改 。 


、 用 户 名 : | 
(@) ASPCMS 管理 中 心 ey 
温馨 提 示 : 您 的 iP 已 记录 ， 非 内 部 人 员 请 忽 登 录 ! 验证 码 : 5719 


返回 首页 | 关闭 本 页 


Powered by aspcms-com Copyright ©2 


图 9-17 后 台 登 录入 口 
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登录 后 ， 进 入 后 台 管理 中 心 ， 如 图 9-18 所 示 。 


ASPCMS 管理 中 心 


ASPCMS CONTENT MANAGEMENT SYSTEM 


网 站 统计 


超 加 管理 员 组 admin 修改 宣 码 注销 登录 站 )| 
业务 处 理 。 广告 管理 。 网 站 会 员 。 生成 更 新 


ES 今日 1 人 ， 昨 日 0 人 ， 本 月 1 人 ， 总 访问 1490 人 。 

， 文章 新 有 和 

， 次 村 下 载 管理 

,Ne 用 哄 器 县 | 
;公司 相册 管理 一 一 一 一 

， 内 容 回 由 芒 上 管理 发 布 文档 内 EN 评论 管理 更 WiHTVL 


待 处 理事 项 


未 回 管 留言 (2) 未 处 理 订单 《0) 未 处 理 评论 (3) 未 处 理应 聘 (3) 


系统 信息 


当前 程序 版 本 : “AspCms v2.0.10512 最 新 版 本 : 暂时 没有 可 升 织 文件 
服务 器 名 称 : 。 “名称 localhostIP 一 1) 端 口 :80 


站 点 物理 路 径 : __ EmyaspWspCms20 1GB2312adminwight asp 


图 9-18 ”后台 管理 中 心 


(1) 网 站 会 员 管 理 。 如 图 9-19 所 示 为 超级 管理 员 的 管理 界面 , 我 们 可 以 修改 其 名 称 、 
描述 及 具体 的 权限 。 通 过 设置 不 同 会 员 等 级 和 不 同 管理 组 和 管理 员 的 角色 ， 可 以 实现 网 站 
的 分 类 权限 管理 。 


从 好 : dmin 修改 窑 码 注 请 下 录 。 
ASPCMS 管理 中 心 sa ens 
-ter de er TT re | 

ee 

' 会员 管理 组 名 称 区 通 管理 员 -= 
， 管理 员 组 管理 i 
， 管理 员 人 管理 a 
组 近 态 。 团 
组 权限 值 。 名 
撕 F 9 
加 内 襄 维 护 
团 单 了 文章 管理 团 广 章 新 闻 管 理 团 公 司 产品 管理 团 资 村 下 载 管理 团 招聘 信息 管理 团 公 司 相册 管理 团 内 容 回收 沾 
同 北 务 处 理 
团 在 留言 管 理 团 网 站 评 认 管理 园 产 品 订单 处 理财 应 聘 管 理 
可 广告 管理 
团 广告 管理 加 村 学 广告 团 对 联 广 告 团 右 下 漳 寺 广告 
团 网 站 会 员 
团 会 员 等 管理 加 会 员 管理 团 管理 员 组 管理 回 管理 员 管理 
如 限 。。 回 生 成 更 新 
国 HTML 逢 态 生 成 国 网 站 地 图 生成 国 RSS 生 成 
回 扩展 功能 


回程 序 在 线 升级 圈 友 情 链接 管理 回 上 传 文件 管理 园 宛 作文 件 检 列 回 搜 索引 党 登陆 _ 国 在 线 客服 设置 国 幻灯 片 设置 加 网 站 访问 统计 


图 9-19 ”网 站 会 员 管理 


(2) 模板 选择 。 系 统 自 带 一 套 模板 ， 如 果 不 需 要 自己 的 模板 ， 可 以 直接 到 后 台 建 栏 
目 ， 添 加 信息 ， 然 后 利用 标签 调用 即 可 。 一 般 模板 都 放 在 Template 目录 下 ， 图 片 放 在 与 
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Template 目录 同 级 的 Images 目录 下 ; 把 做 好 的 静态 模板 或 者 到 模板 下 载 区 下 载 的 模板 解压 
后 把 template 目录 的 文件 放 到 ASPCMS 目录 下 的 template 目录 ， 把 下 载 的 images 目录 下 
的 图 片 复制 到 ASPCMS 的 Images 目录 下 。 选 择 【 界 面 风格 】 一 【模板 选择 】 选 项 ， 选 择 
需要 的 模板 即 可 ， 如 果 没有 出 现 模板 ， 单 击 【有 刷新】 按钮 即 可 ， 如 图 9-20 所 示 。 


ASPCMS 管理 中 心 


ASPCMS CONTENT MANAGEMENT SYSTEM 


| | 编 申 图 
”编辑 模板 /C55 文件 


》 自 定义 标签 


简介 : 官方 中 文 默认 模版 


正在 使 用 


图 9-20 ”网 站 模板 选择 
(3) 网 站 信息 设置 。 进 入 后 台 ， 单 击 【系统 设置 】 按 钮 ， 如 图 9-21 所 示 。 


你 好 : 超级 管理 员 给 admin 修改 密码 注入 登录 《|| > 后 台 首页 。 帮助 中 心 。 网 站 首页 。 后 台 导 航 


内 容 维护 。 业务 处 理 。 广告 管理 。 网 站 统计 。 网 站 会 员 。 生成 更 新 。 扩展 功能 。 播 件 管理 。 界面 风格 瞧 二 22 
图 9-21 网 站 信息 设置 


可 以 看 到 网 页 左边 出 现 网 站 信息 设置 。 这 里 ， 可 设置 网 站 的 具体 信息 ， 如 网 站 标题 、 
网 址 、 企 业 名 称 。 如 图 9-22 所 示 ， 可 分 别 输入 企业 相关 内 容 。 

事实 上 ， 这 里 的 修改 对 应 了 很 多 模板 的 设置 ， 如 index.html， 如 图 9-23 所 示 为 网 站 模 
板 代码 。 其 中 ， 标 签 {faspcms:sitetitle} 对 应 了 网 页 标题 ， 标 签 {aspcms:additiontitle} 对 应 了 网 
页 附加 标题 。 

2) 网 站 栏目 设置 与 内 容 添 加 

(1) 网 站 栏目 管理 。 打 开 后 台 ， 系 统 提供 了 一 些 默认 的 栏目 ， 可 以 根据 前 面 的 企业 
网 站 规划 ， 重 新 设置 网 站 的 栏目 ， 如 图 9-24 所 示 。 

单 击 【 系 统 设置 】 一 【网 站 栏目 管理 ])， 可 以 修改 或 者 建立 网 站 栏目 。 添 加 分 类 : 可 
以 添加 网 站 的 栏目 。 详 细 设 置 内 容 如 图 9-25 所 示 。 
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网 站 信息 设置 
网 站 标题 : 汽车 加 热 器 蒸汽 注 量 计 _ 滋 街 凉 量 计 
网 页 附加 标题 : 河北 安吉 守业 机 械 服 份 有 限 公司 
LOGO 图 片 URL : images/logo. gif 
2 济 约 .，。 上 传 
站 点 了 网址 nr hbhongye com 
企业 名 称 : 河北 云 吉 宏 业 机 械 股份 有 限 公司 
企业 地 址 : 可 北 省 光头 市 南 仓 街 461 号 
邮政 编码 : 062150 
联系 人 
电话 号 码 : 0317-8262212 8262266 
手机 号 码 
公司 传真 : 0317-8288612 
电子 邮箱 : hbhyehbhongye con 
备案 号 : 蓝 TCT 备 12023733 吕 -1 
图 9-22 ”网 站 信息 设置 导航 图 
lon js jquery.js jquery forn js seripts.js 
| 代码 | 拆 分 | 设计 获 扰 码 _ 后 和 型 捉 图 “检查 上. 二 、 己 标题 ”|faspcms:sitetitlej [aspens: additiontitle)-| MO. 


© OM le:///E /myasp/Aspcns2. 0. 1682312/ enplates/ cn/htnl/index. html -| [| 


<IDOCTYPE HTML PUBLIC “~//W3C//DID HTIL 4.01 Transitional/VEN “http://www.w3c.org/TR/1999/REC-htm1401-19g 
<HTNL xnlns="http://www. v3. org/1999/xhtnl” > 


additiontitle}- Powered by AspCms2.0¢/title> 
pcns: sitekeywords}” > 


新 闻 中 心 
| 上 公司 新 闻 
| 上 公司 公告 
| 上 行业 新 闻 
产品 展示 


图 9-24 ”网 站 默认 栏目 
这 里 需要 说 明 ， 栏 目的 类 型 包括 “ 单 篇 人 “文章 “产品 “下 载 ” 和 “招聘 ”等 。 
“ 单 篇 ”通常 是 指导 航 没有 列表 的 栏目 ， 如 “联系 我 们 ”就 是 一 个 “ 单 篇 >“ 文章 ”是 指 
包含 列表 的 一 些 栏目 ， 如 “企业 动态 ”等 ， 其 列表 模板 和 内 容 页 模板 设置 如 图 9-26 所 示 。 
产品 和 “文章 ”类 似 ， 单 击 后 也 有 一 个 列表 ， 不 只 是 文章 的 列表 ， 而 是 产品 图 片 的 列表 。 
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“招聘 ”和 文章 也 类 似 ， 只 是 单 击 列 表 后 ， 其 详细 信息 多 了 一 个 表单 的 提交 。 


编 类型 人 措 际 3 捧 作 Sh 未 未 

PE 和 © 未 加 于 类 让 明 除 四 © 
7 1 : © 活 加 于 : I 8 © 
we | | 3 © 未 了 ba 中 © 
we 1 和 4 © 未 加 子 类 能 沙 遇 除 e © 
286 11 相遇 © 二 加 子 类 站 小 抽取 © © 
287 11 机 z © 于 0 于 类 能 册 际 9 9 
191 | 机 8 © 活 加 于 类 让 x 只 © © 
192 | 上 六 7 © 于 加 了 类 放 x 明 除 8 中 
la 11F X 章 © 添加 子 类 让 到 用 除 © © 
195 | | 上 起 硕 上 2 © 未 加 于 类 个 下 朋 除 © © 
194 | | + SEA ve 3 © 于 J0 于 灾 驼 遇 咏 o © 
196 | | 上 mR 六 4 © 日 e 
广 刘 。 总 © © 
文章 © © © 

© 9 © 

Y 宣 9 

产品 4 © © © 

产品 © o © 

Fa © 于 0 于 类 让 x 了 办 © © 

产品 © 于 加 子 由 能 改 出 际 © © 


图 9-25 网 站 栏目 设置 


分 类 名 称 公司 新 闻 = 


顶级 分 类 新 闻 中 心 ~ 
分 类 类 型 。 文章 ~ 
全 注 : 留言 树 接 "/gbook/” 
排序 1 
状态 可 
列表 模板 newslist. html 
内 容 页 模板 。 news. htnl 
列表 生成 目录 {sitepath}/sspems/newslist/ 


内 容 生成 目录 {sitepath}/aspems/news/ 


列表 文件 命名 list-{sortid)-fpage} .html 
内 容 页 文件 命名 {y}-{m}-{a}/{id) .html 


浏览 权限 。 ”临时 洲 窜 ” 加 来 属 避 专属 (隶属 可 限 值 > 可 查看 ,专属 : 权限 值 = 可 查看 ) 


eb we 口 忆 EW 
ls Zz ui 一 出 和 "多 | 吕 国 
|] 大 小 


让 样式 


9-26 ”文章 页 模板 设置 


图 9-26 中 ,可 以 修改 栏目 分 类 ， 如 上 面 企业 公司 动态 ， 类 型 文章 、 列 表 模 板 及 内 容 页 
生成 的 文件 名 格式 等 。 这 里 ， 本 企业 网 站 均 采 用 默认 设置 。 以 “ 单 篇 ”为 例 ， 具 体内 容 设 
置 如 图 9-27 所 示 。 
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首页 显示 
列表 模板 
内 容 页 模板 
列表 生成 目录 
内 寄生 成 目录 
列表 文件 命名 
内 容 页 文件 命名 


浏览 权限 


走 进 直 业 = 
=] Fa 
单 宙 -全 
主 : 留言 钳 接 "/gbook/ 
1 
图 
条 
ET -© 
CR -© 
{sitepath)/aspens/about/ © 
© 
RE | 
himl® 
峰 措 褒 ” 司 来 属 个 专属 ( 提 展 : 权限 值 > 可 查看 ， 专属: 权限 值 = 可 坦 看 ) 全 
| 国 源 代码 ) 芒 EE 
ls ZE 二 2 这 茵 至 天 蝇 一 出 入- 多 -名 加 


(2) 文章 和 产品 添加 。 单 击 【内 容 维护 】 一 【添加 文章 】 如 图 9-28 所 示 。 然 后 选择 
分 类 ， 输 入 标题 和 文章 内 容 ， 如 果 需 要 ， 还 可 以 上 传 图 片 。 最 后 ， 在 文章 内 容 添 加 后 ， 尽 
量 设置 好 页 面 关键 词 和 描述 ， 这 样 做 有 利于 网 站 的 页 面 优 化 SEO)， 如 图 9-29 所 示 。 


内 容 
插入 分 页 


文章 编 皮 图 


{aspcms:page} 


1 HHbi 态 ~ 


标 是 三 色 


Mt-500 群 式 加 工 中 心 大 和 孔 楼 刀 自 制 成 功 


来 源 


[加 代码 | 二 设 计 


/hywpLosd/aews/aay_1304: 


083908113 jpg 


直接 从 上 传 图 片 中 选择 : 。 不 选择 首页 推荐 图 片 


9-28 ”文章 内 容 添加 
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TAG 


页 面 关键 词 


页 面 描述 


多 个 TAG 请 用 去 号 隔 开 ! 


图 9-29 在 文章 内 容 添 加 后 设置 页 面 关键 词 和 描述 


与 添加 文章 内 容 类 似 , 产品 内 容 的 添加 也 比较 简单 。 这 里 ， 以 添加 企业 产品 “ 止 
为 例 ， 具 体 设 置 如 图 9-30 所 示 。 


分 类 


标题 


内 容 


插入 分 页 


产品 缩 略 图 


上 传 图 片 


11F 上 内 ~ 


国标 不 锈 钢 旋 启 式 止 回头 


标题 颜色 


法 兰 标准 : 
公称 压力 : 
适用 温度 : 
密封 形式 : 
规格 型 号 : 
主体 材质 : 


{aspcms:page} 


<s50C 
中 法 兰 螺栓 广 接 、 水 平和 秋 直 管线 适用 。 
DNS50-DN300 


CF8 、CFBN 、CF3W 


活 图 工 丘 汕 _ 化 T 和 拓 钞 即 由 四 和 由 容 侣 囊 T:hm99 上 活用 人 后 加 水、 汕 口 新 向 Rh 
条 


1 
[ 串 代 码 || 国 设 计 ” 国 预 筑 
/ch/upLoad/product/day_130123/201301231514489548. jpg 


直接 从 上 传 图 片 中 选择 : ”不 选择 首页 推荐 图 片 


给 ; 


设 为 纺 呈 图 出 除 


沾 上 传 


图 9-30 添加 企业 产品 


中 器 


回 内” 


需要 指出 的 是 ， 添 加 产品 可 以 自 定义 参数 ， 如 参考 价格 、 产 品 规格 可 以 根据 企业 产品 
特点 由 我 们 自己 定义 。 
3) 在 线 客服 设置 和 其 他 客服 
在 后 台中 ， 还 可 以 设置 QQ 和 旺旺 在 线 客服 的 样式 。 单 击 【 扩 展 功 能 】 一 【在 线 客服 
设置 】 如 图 9-31 所 示 。 调 用 标签 是 QQ{faspcms:onlineservice} 。 
4) 幻灯 片 设置 
单 击 【 扩 展 功 能 】 一 【幻灯 片 设 置 )， 如 图 9-32 所 示 。 
然后 ， 上 传 幻灯 片 需要 的 图 片 ， 如 图 9-33 所 示 。 注意 ， 应 先 设 置 好 幻灯 片 的 个 数 、 高 
度 和 宽度 ， 单 击 【 保 存 】 按 钮 后 再 上 传 图 片 。 幻 灯 片 调用 标签 是 {faspcms:slide}。 
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在 线 客服 设置 
QQ 客服 设置 
显示 杖 态 回 显示 目 隐 茂 
样式 加 样式 一 加 样式 二 
显示 位 置 加 左边 @ 右边 (只 有 样式 一 可 以 设置 到 右边 ) 
QQ 技术 支持 |123456 产品 咨询 |8e37443 多 个 请 用 空格 隔 开 
例 1: 技术 支持 [123456 产品 咨 调 |8887443 在 线 客服 X 
例 2: 123456 8887443 84123134 
MEE 销 轩 456 销售: 4 多 个 请 用 空格 隔 开 技术 支持 
例 1: 销售 一 号 1123456 销售 2 号 18887443 
例 2: 123456 8887443 84123134 
联系 方式 链接 /about/?19. htal 
调用 标签 {aspems:onlineservice} 
其 它 客服 设置 
显示 状态 显示 国 隐 基 
其 它 客服 系统 
调用 标签 {aspcms:kf} 


图 9-31 在 线 客服 设置 与 前 台 显示 


志 
》 程序 在 线 升级 图 片 地 址 : 7aglesa/aliaa/d 
上 传 : 
”友情 链接 管理 
锐 接 地 址 ; 空 销 捞 划 请 # 
》 上传 文 件 管理 sg 
》 宛 余 文 件 检测 图 片 地 址 : /aplesd/sli ge/day_121214/Z0L212141543164841. jp 
a 济 昨 .上传 
》 搜索 引擎 登陆 
在 线 客服 设置 二 空 焙 接 m 靖 “* 
food li IEIEH7OLEIEISSGEHIS jpe 
Di 感 Se 和 
》 网 站 访问 统计 
钳 接 地 直 : 空 嫩 摘 风 博 "# 
》 数据 库 备份 恢复 说 BY 字 : 
图 9-32 扩展 功能 导航 图 9-33 ”幻灯 片 设置 


5) 友情 链接 管理 
单 击 【 扩 展 功 能 】 一 【友情 链接 管理 ]， 可 以 增加 和 管理 现 有 的 友情 链接 。 如 图 9-34 
和 图 9-35 所 示 ， 这 里 可 设置 文字 链接 和 图 片 链接 两 种 。 
添加 友情 全 | 
操作 
修改 | 时 
从 | 罗 院 


馆 接 地 址 
http://www.chancoo.com/ 


http://www.aspcms.com 
修改 | 果 除 


http://www.68idc.com 


图 9-34 ”友情 链接 管理 
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添加 友情 翌 接 


网 站 名 称 = 
链接 地 址 = 
立刻 发 布 团 

排序 9 


链接 类 型 文字 权 接 ~ 


链接 图 片 图 片上 传 尺寸 请 控制 在 88*31 
上 传 浏览. 上 传 


图 9-35 ”添加 友情 链接 


Os 


1. 简 述 注册 登录 模块 的 制作 方法 和 步骤 ， 其 中 ， 注 册页 面 中 哪些 功能 可 由 客户 端的 
验证 完成 ? 

2. 简 述 购物 车 设计 的 主要 算法 。 

3. 简 述 结账 流程 及 其 用 到 的 主要 算法 。 


和 


一 、 实 训 目 的 


1.， 学 会 电子 商务 网 站 主要 功能 模块 的 编写 。 
2. 掌握 电子 商务 网 站 从 需求 分 析 到 功能 设计 的 主要 流程 。 
二 、 实 训 内 容 


1. 依照 本 章 实例 完成 网 上 书店 网 站 ， 并 在 以 下 几 个 方面 进行 完善 。 

(1) 添加 图 书 查询 模块 : 能 分 别 按照 书 名 、 作 者 、 出 版 社 来 进行 图 书 的 查询 。 

(2) 添加 热 销 图 书 模块 : 能 按照 销量 多 少 进行 热 销 图 书 前 十 名 的 排列 。 

2. 根据 第 5 章 提供 的 万 象 园 企业 静态 网 站 的 素材 ， 将 其 企业 网 站 重新 设计 ， 改 版 为 
企业 动态 网 站 。 

3. 下 载 ASPCMS 系统 ， 并 利用 该 系统 为 一 家 当地 企业 搭建 网 站 平台 。 
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/A 
,一 一 【学 习 目 标 】 
CD 了解 电子 商务 网 站 面临 的 安全 隐患 。 
@ 了 解 ASP 网 站 的 常见 漏洞 及 其 防范 对 策 。 
@ 熟悉 网 站 运营 与 管理 的 内 容 。 
图 了 解 “ 可 信和 网 站 ”的 验证 服务 。 


没有 安全 就 没有 交易 ， 没 有 交易 也 就 没有 电子 商务 。 所 以 ， 对 于 电子 商务 网 站 来 讲 ， 
安全 是 第 一 位 的 。 如 何 保 证 网 站 的 安全 、 稳 定 与 持续 运营 等 一 系列 问题 应 被 提高 到 战略 高 
度 上 来 。 


10.1 电子 商务 网 站 的 安全 


10.1.1 电子 商务 网 站 的 安全 隐患 与 安全 需求 


1， 电 子 商 务 网 站 面临 的 安全 隐患 


(1) 信息 的 截获 和 窃取 。 如 果 采 用 加 密 措施 不 够 ， 攻 击 者 通过 互联 网 、 公 共 电 话 网 
在 电磁 波 辐射 范围 内 安装 截获 装置 或 在 数据 包 通过 网 关 和 路 由 器 上 截获 数据 ， 获 取 机 密 信 
息 或 通过 对 信息 流量 、 流 向 、 通 信 频 度 和 长 度 分 析 ， 推 测 出 有 用 信息 ， 如 消费 者 的 银行 账 
号 、 密 码 以 及 企业 的 商业 机 密 等 ， 从 而 破坏 信息 的 机 密 性 。 

(2) 信息 的 纂 改 。 当 攻击 者 熟悉 网 络 信息 格式 后 ， 通 过 技术 手段 对 网 络 传输 信息 中 
途 进行 修改 并 发 往 目的 地 ， 破 坏 信息 完整 性 。 

(3) 信息 假冒 。 当 攻击 者 掌握 网 络 信息 数据 规律 或 解密 商务 信息 后 ， 假 冒 合法 用 户 
或 发 送 假冒 信息 欺骗 其 他 用 户 。 例 如 ， 钓 鱼网 站 就 是 指 不 法 分 子 利用 各 种 手段 ， 假 冒 真实 
网 站 的 URL 地 址 以 及 页 面 内 容 ， 以 此 来 骗取 用 户 银行 或 信用 卡 账号 、 密 码 等 私人 资料 。 

(4) 交易 抵赖 。 交 易 抵赖 包括 多 方面 ， 如 发 信者 事后 否认 曾 发 送信 息 、 收 信者 事后 
否认 曾 收 到 消息 、 购 买 者 下 了 订货 单 不 承认 、 商 家 卖 出 的 商品 因 价格 差 而 不 承认 原 有 的 交 
易 等 。 

2， 电 子 商 务 网 站 安全 需求 

电子 商务 网 站 面临 的 安全 隐患 导致 了 对 网 站 安全 的 需求 ， 也 是 真正 实现 一 个 安全 电子 
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商务 系统 所 要 求 做 到 的 各 个 方面 ， 主 要 包括 保密 性 、 隐 私 性 、 正 确 性 和 完整 性 、 不 可 抵 
赖 性 。 

(1) 保密 性 。 传 统 贸易 是 通过 可 靠 的 通信 渠道 发 送 商 业 报 文 来 达到 保守 机 密 的 目的 ， 
而 电子 商务 网 站 如 果 没 有 采取 相应 的 安全 措施 ， 就 很 有 可 能 导致 一 些 敏感 的 商业 信息 被 
泄露 。 

(2) 隐私 性 。 隐 私 性 与 保密 性 相关 ， 但 并 不 是 同一 个 概念 。 如 果 没 有 保密 性 可 能 会 
损害 到 隐私 ， 但 并 不 是 绝对 的 。 因 为 个 人 可 以 选择 不 与 他 人 分 享 自己 的 隐私 ， 从 而 保全 自 
己 的 隐私 。 但 参与 到 电子 商务 中 的 个 人 却 无 法 进行 后 一 种 选择 ， 因 为 想 在 不 提供 个 人 信息 
的 前 提 下 参与 电子 商务 活动 几乎 是 不 可 能 的 事 。 而 这 些 个 人 信息 如 果 被 泄露 ， 就 必然 会 破 
坏 到 个 人 隐私 。 

个 人 隐私 的 泄露 不 仅 涉及 技术 问题 ， 有 时 企业 会 因为 商业 利益 ， 在 未 经 客户 许可 的 情 
况 下 ， 彼 此 交换 所 获取 的 客户 信息 ， 这 实际 上 就 已 经 破坏 了 其 客户 的 隐私 。 

侵犯 隐私 的 问题 不 解决 ， 参 与 电子 商务 对 于 个 人 用 户 来 说 是 一 件 很 危险 的 事 。 技 术 问 
题 可 以 结合 解决 保密 性 的 方法 ， 但 非 技术 问题 就 只 能 依靠 道德 和 法 律 来 约束 了 。 

(3) 正确 性 和 完整 性 。 信 息 的 正确 性 和 完整 性 问题 要 从 两 方面 来 考虑 ， 一 是 非 人 为 
因素 ， 如 因 传输 介质 损坏 而 引起 的 信息 丢失 、 错 误 等 。 这 个 问题 通常 通过 校 验 来 解决 ， 一 
且 校 验 出 错误 ， 接 收 方 可 向 发 送 方 请 求 重 发 。 另 一 方面 则 是 人 为 因素 ， 主 要 是 指 非法 用 户 
对 信息 的 恶意 算 改 。 这 方面 的 安全 性 也 是 由 信息 加 密 来 保证 的 ， 因 为 如 果 无 法 破译 信息 ， 
也 就 很 难 算 改 信息 了 。 

(4) 不 可 抵赖 性 。 电 子 商务 离 不 开 商 业 交 易 ， 如 何 确定 要 进行 交易 的 贸易 方正 是 进 
行 交易 所 期 望 的 贸易 方 , 这 一 问题 是 保证 电子 商务 顺利 进行 的 关键 。 在 传统 的 纸 面 贸易 中 ， 
贸易 双方 通过 在 交易 合同 、 契 约 或 贸易 单据 等 书面 文件 上 手写 签名 或 印章 来 鉴别 贸易 伙 
伴 ， 从 而 确定 合同 、 契 约 、 单 据 的 可 靠 性 并 预防 抵赖 行为 的 发 生 。 然 而 在 无 纸 化 的 电子 商 
务 方式 下 ， 通 过 上 述 方法 进行 贸易 方 的 鉴别 已 不 可 能 。 因 此 ， 要 在 交易 信息 的 传输 过 程 中 
为 参与 交易 的 个 人 、 企 业 或 国家 提供 可 靠 的 标识 。 不 可 抵赖 性 可 通过 对 发 送 的 消息 进行 数 
字 签名 来 获取 。 


10.1.2 ”电子 商务 网 站 安全 措施 分 析 


由 于 针对 网 站 的 网 络 访问 控制 措施 被 广泛 采用 ， 且 一 般 只 开放 HITP 等 必要 的 服务 端 
口 ,因此 黑客 已 经 难以 通过 传统 网 络 层 攻击 方式 (查找 并 攻击 操作 系统 漏洞 、 数 据 库 漏洞 ) 
攻击 网 站 。 然 而 ，Web 应 用 程序 漏洞 的 存在 更 加 普遍 ， 随 着 Web 应 用 技术 的 深入 普及 ， 
Web 应 用 程序 漏洞 发 掘 和 攻击 速度 越 来 越 快 ,基于 Web 漏洞 的 攻击 更 容易 被 利用 , 已 经 成 
为 黑客 的 首选 。 据 统计 ， 现 在 对 网 站 成 功 的 攻击 中 ,超过 七 成 都 是 基于 Web 应 用 层 ， 而 非 
网 络 层 。 
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网 站 面临 的 环境 已 经 发 生 了 很 大 变化 , 更 多 的 威胁 来 自 于 Web 应 用 层 , 而 大 部 分 网 站 
的 安全 措施 却 仍 然 停留 在 原来 对 威胁 认识 的 基础 上 ， 甚 至 于 网 站 已 经 被 入 侵 并 实施 网 页 挂 
马 ， 也 往往 是 在 访问 者 投诉 或 被 监管 部 门 查处 时 方才 察觉 ， 但 此 时 损失 已 经 造成 ， 无 法 挽 
回 。 不 少 人 会 问 : 我 的 网 站 已 经 有 了 安全 措施 , 仍然 会 发 生 这 样 的 事情 , 到 底 是 为 什么 呢 ? 
下 面 来 分 析 一 下 现 有 的 安全 措施 。 

防火 墙 、 防 病毒 、 漏 洞 扫描 等 都 是 已 经 被 广泛 采用 的 传统 网 站 安全 措施 ， 尤 其 是 防火 
墙 的 部 署 ， 使 得 网 站 阻挡 了 大 部 分 来 自 网 络 层 的 攻击 ， 发 挥 了 重要 作用 。 但 是 面 对 目 前 的 
新 情况 ， 这 些 传 统 的 安全 措施 能 够 应 对 吗 ? 

1. 防火 墙 

启用 网 络 访问 控制 策略 后 ， 防 火 墙 可 以 阻挡 对 网 站 其 他 服务 端口 的 访问 ， 而 仅 只 开放 
允许 访问 HTTP 服务 端口 ， 这 样 ， 基 于 其 他 协议 、 服 务 端 口 的 漏洞 扫描 和 攻击 尝试 都 将 被 
阻 断 。 但 针对 正在 流行 的 Web 应 用 层 攻 击 ， 其 行为 类 似 一 次 正常 的 Web 访问 ， 防 火 墙 是 
无 法 识别 和 阻止 的 ， 一 旦 阻止 ， 将 意味 着 正常 的 Web 访问 也 会 被 切断 。 

2， 防 病毒 

不 管 在 网 关 处 还 是 网 站 服务 器 上 部 署 ， 防 病毒 系统 都 可 以 有 效 地 进行 病毒 检测 和 防 
护 ， 但 无 法 识别 网 页 中 存在 的 恶意 代码 ， 即 网 页 木马 。 由 于 网 页 木马 通常 表现 为 网 页 程序 
中 一 段 正常 的 脚本 ， 只 有 在 被 执行 时 ， 才 可 能 去 下 载 有 害 的 程序 或 者 直接 盗 取 受害 访问 者 
的 隐私 。 同 理 ， 对 于 Web 应 用 程序 中 的 漏洞 ， 防 病毒 系统 更 难以 识别 。 

3， 漏 洞 扫描 


在 查找 和 修补 网 站 的 操作 系统 漏洞 、 数 据 库 漏洞 、 发 布 系统 〈 如 IIS、Apache) 漏洞 
等 时 ,漏洞 扫描 系统 发 挥 了 很 大 作用 , 但 是 作为 通用 的 漏洞 扫描 系统 ， 它 对 Web 漏洞 的 识 
别 却 极其 有 限 , 原因 是 Web 应 用 程序 漏洞 并 非 某 一 特定 软件 或 者 服务 上 的 漏洞 ， 其 形式 复 
杂 多 样 ， 通 常 需 要 在 自动 工具 检查 的 基础 上 ， 通 过 人 工 审核 才 可 准确 定位 。 

综 上 所 述 ， 识 别 并 阻止 基于 Web 漏洞 的 攻击 , 仅 靠 漏洞 扫描 、 网 络 访问 控制 、 病 毒 检 
测 防护 等 传统 的 安全 措施 是 难以 做 到 的 。 针 对 新 的 网 站 安全 威胁 ,我 们 应 该 保持 足够 的 紧 
迫 性 ， 并 采取 有 效 措施 积极 应 对 。 


10.1.3 ”网 站 安全 面临 的 主要 问题 及 解决 方法 


1， 网 站 安全 面临 的 主要 问题 

网 站 安全 形势 堪忧 ， 主 要 是 因为 存在 以 下 几 个 方面 的 问题 。 

(1) 大 多 数 网 站 设计 只 关注 正常 应 用 ， 未 关注 代码 安全 。 一 个 网 站 设计 者 往往 更 多 
地 考虑 满足 用 户 应 用 、 如 何 实现 业务 ， 很 少 考虑 网 站 应 用 开发 过 程 中 所 存在 的 漏洞 。 这 些 
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漏洞 在 不 关注 安全 代码 设计 的 人 员 眼 里 几乎 不 可 见 ， 大 多 数 网 站 设计 开发 者 、 网 站 维护 人 
员 对 网 站 攻防 技术 的 了 解 甚 少 ; 在 正常 使 用 过 程 中 ， 即 便 存 在 安全 漏洞 ， 正 常 的 使 用 者 并 
不 会 察觉 。 但 在 黑客 对 漏洞 敏锐 的 发 觉 和 充分 利用 的 动力 下 ， 网 站 存在 的 这 些 漏洞 就 被 挖 
掘 出 来 ， 且 成 为 黑客 们 直接 或 间接 获取 利益 的 机 会 。 对 于 Web 应 用 程序 的 SQL 注入 漏洞 ， 
有 试验 表明 ， 通 过 搜寻 1 000 个 网 站 取样 测试 ， 检 测 到 有 11.3% 存 在 SQL 注入 漏洞 。 

(2) 黑客 入 侵 后 ， 未 及 时 发 现 。 有 些 黑客 通过 算 改 网 页 来 传播 一 些 非法 信息 或 炫耀 

自己 的 水 平 ， 但 算 改 网 页 之 前 ， 黑 客 肯定 基于 对 漏洞 的 利用 而 获得 了 网 站 控制 权限 。 可 怕 
的 是 ， 通 常 黑客 在 获取 网 站 的 控制 权限 之 后 ， 并 不 暴露 自己 ， 而 是 持续 利用 所 控制 网 站 产 
生 直接 利 益 。 例 如 ， 网 页 挂 马 就 是 一 种 利用 网 站 给 访问 者 种 植 其 木马 的 一 种 非常 隐蔽 且 直 
接 获 取 利 益 的 主要 方式 之 一 。 被 种 植木 马 的 人 通常 是 在 不 知情 的 情况 下 ， 被 黑客 窃取 了 自 
身 的 机 密 信息 。 这 样 ， 网 站 成 了 黑客 散布 木马 的 一 个 渠道 ,网 站 本 身 虽然 能 够 提供 正常 服 
务 ,， 但 网 站 的 访问 者 却 遭 受 着 持续 的 危害 。 
(3) 网 站 防御 措施 滞后 ， 甚 至 没有 真正 的 防御 。 大 多 数 防御 访问 控制 、 入 侵 防御 设 
备 保 护 网 站 抵御 黑客 攻击 的 效果 不 佳 。 例 如 ， 对 应 用 层 的 SQL 注入 、XSS 攻击 这 种 基于 
应 用 层 构 建 的 攻击 ， 防 火 墙 束手无策 ， 甚 至 是 基于 特征 匹配 技术 的 入 侵 防 御 产 品 ， 也 由 于 
这 类 攻击 特征 的 不 唯一 性 ， 不 能 精确 阻 断 攻击 。 因 此 ， 目 前 有 很 多 黑客 将 SQL 注入 、XSS 
攻击 作为 入 侵 网 站 的 首选 攻击 技术 。 

网 站 防御 不 佳 的 另 一 个 原因 是 ， 有 很 多 网 站 管理 员 对 网 站 的 价值 认识 仅 是 一 台 服 务 器 
或 者 网 站 的 建设 成 本 ， 为 了 这 个 服务 器 而 增加 超出 其 成 本 的 安全 防护 措施 认为 得 不 偿 失 。 
而 实际 网 站 遭受 攻击 之 后 ， 带 来 的 间接 损失 往往 不 能 用 一 个 服务 器 或 者 网 站 建设 成 本 来 衡 
量 ,， 很 多 信息 资产 在 遭受 攻击 之 后 造成 无 形 价值 的 流失 。 不 幸 的 是 ， 很 多 拥有 网 站 的 组 织 
和 个 人 ， 只 有 在 网 站 遭受 攻击 ， 造 成 的 损失 远 超过 网 站 本 身 造价 之 后 才 意 识 网 站 安全 问题 
的 严重 性 。 

(4) 发 现 安全 问题 不 能 彻底 解决 。 网 站 技术 发 展 较 快 、 安 全 问题 日 益 突出 ， 但 由 于 
关注 重点 不 同 ， 绝 大 多 数 的 网 站 开发 与 设计 公司 对 网 站 安全 代码 设计 方面 了 解 甚 少 ， 发 现 
网 站 安全 存在 的 问题 和 漏洞 ， 其 修补 方式 只 能 停留 在 页 面 修复 ， 很 难 针 对 网 站 具体 的 漏洞 
原理 对 源 代码 进行 改造 。 这 些 也 是 有 些 网 站 虽然 安装 了 网 页 防 算 改 、 网 站 恢复 软件 后 仍然 
遭受 攻击 的 原因 。 


2， 网 站 安全 问题 的 解决 


亡羊补牢 ， 为 时 未 晚 。 事 实 表明 ， 针 对 新 形势 下 网 站 安全 问题 的 考虑 ， 需 要 变 被 动 应 
对 为 主动 关注 ， 实 施 积极 防御 。 具 体 的 解决 方法 如 下 。 

(1) 建立 主动 的 安全 检测 机 制 。 面 对 Web 应 用 的 威胁 ， 我 们 缺乏 有 效 的 检查 机 制 ， 
因此 ， 首 先 要 建立 一 个 主动 的 网 站 安全 检查 机 制 ， 确 保 网 站 安全 情况 的 及 时 获知 ， 例 如 是 
否 已 经 遭 到 攻击 ， 是 否 存在 还 被 攻击 的 风险 。 
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(2) 进行 有 效 的 入 侵 防 护 。 面 对 Web 应 用 的 攻击 ， 我 们 缺乏 有 效 的 检测 防护 机 制 ， 
因此 ， 需 要 部 署 针对 网 站 的 入 侵 防护 产品 ， 加 强 网 站 防 入 侵 能 力 ， 能 够 对 网 站 主流 的 应 用 
层 攻击 (如 SQL 注入 和 XSS 攻击 ) 进行 防护 。 

(3) 针对 网 站 安全 问题 ， 建 立 及 时 响应 机 制 。 面 对 Web 应 用 程序 漏洞 和 已 经 造成 的 
危害, 我们 缺乏 恢复 的 机 制 和 足够 的 技术 储备 ， 因 此， 需要 确立 专业 支持 团队 的 外 援 保障 ， 
解决 及 时 响应 问题 ， 在 网 站 安全 问题 被 验证 后 ， 能 确保 对 网 站 进行 木马 清除 以 及 针对 Web 
漏洞 的 安全 代码 审核 修补 等 工作 。 

只 有 通过 以 上 3 个 环节 的 有 机 结合 ， 方 可 建立 一 套 有 检测 、 有 防护 、 有 响应 的 网 站 安 
全 保障 方案 ， 确 保 在 新 威胁 环境 下 网 站 的 安全 运营 。 


10.1.4 常见 ASP 网 站 漏洞 及 防范 对 策 


在 前 面 章节 ， 我 们 了 解 到 作为 服务 器 端 脚本 编写 环境 ，ASP 可 以 快速 创建 和 运行 动态 
交互 的 Web 服务 器 应 用 程序 。 但 有 些 网 站 管理 员 只 看 到 ASP 的 快速 开发 能 力 ， 忽 视 了 ASP 
的 安全 问题 。 事 实 上 ，ASP 从 一 开始 就 一 直 受 到 众多 漏洞 、 后 门 的 困扰 ， 下 面 就 常见 的 
ASP 网 站 漏洞 及 防范 措施 作 一 些 归纳 和 总 结 。 

1， 常 见 ASP 网 站 漏洞 


(1) ASP 程序 密码 验证 漏洞 。 很 多 网 站 把 密码 放 到 数据 库 中 ， 如 在 登录 验证 中 用 到 
类 似 以 下 的 SQL 语句 : 


sql="select * from users where username="&username&"and pass="& pass &"" 


此 时 ， 只 要 构造 一 个 特殊 的 用 户 名 和 密码 ， 如 ' or '， 就 可 以 进入 本 来 没有 特权 的 页 面 。 
把 usemame=' or ' 和 pass=' or ' 代 入 上 面 那个 语句 ， 结 果 如 下 : 


sql="select * from users where username=' 'or' ' and pass="' or'™ 


or 是 一 个 逻辑 运算 符 ， 作 用 是 在 判断 两 个 条 件 时 ， 只 要 其 中 一 个 条 件 成 立 ， 那 么 等 式 
将 会 成 立 。 上 面 的 SQL 语句 执行 结果 会 返回 表 users 中 的 所 有 记录 ， 意 味 着 显示 结果 找到 
了 。 这 样 ， 用 户 就 可 以 成 功 地 骗 过 系统 而 进入 。 类 似 这 种 通过 把 SQL 命令 插入 到 Web 表 
单 递交 或 页 面 请 求 的 查询 字符 串 ， 最 终 达 到 欺骗 服务 器 的 目的 攻击 手段 称 为 “SQL 注入 式 
攻击 ”。 

SQL 注入 是 正常 的 WWW 端口 访问 ， 而 且 表面 看 起 来 和 一 般 的 Web 页 面 访 问 没什么 
区 别 ， 所 以 目前 市 面 的 防火 墙 都 不 会 对 SQL 注入 发 出 警报 ， 如 果 管 理 员 没有 查看 IS 日 志 
的 习惯 ， 可 能 被 入 侵 很 长 时 间 都 不 会 发 觉 。SQL 注入 式 漏 洞 是 当前 网 站 最 大 的 威胁 。 

防范 SQL 注入 的 主要 手段 就 是 将 请 求 中 的 参数 信息 中 的 非法 字符 和 关键 字 如 “'、or、 
"、and、exec、insert、select、*、%” 进 行 过 滤 ， 或 采用 存储 过 程 和 参数 化 SQL 编程 。 

(2) mdb 数据 库 可 能 被 下 载 的 漏洞 。 在 用 Access 做 后 台数 据 库 时 ， 如 果 有 人 通过 各 
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种 方法 知道 或 者 猜 到 了 服务 器 的 Access 数据 库 的 路 径 和 名 称 , 那么 就 能 够 下 载 这 个 Access 
数据 库 文 件 ， 这 是 非常 危险 的 。 例 如 ， 你 的 Access 数据 库 usermdb 放 在 虚拟 目录 下 的 
database 目录 下 ， 那 么 有 人 在 浏览 器 地 址 栏 中 输入 http:// 网 站 url/database/usermdb， 即 可 下 
载 user.mdb。 

解决 方法 是 为 数据 库 文 件 起 个 复杂 的 非常 规 的 名 字 ， 并 把 它 放 在 几 层 目录 下 。 例 如 
2012d34ksfsl718fmdb， 把 它 放 在 如 ./rhfpi67/ 的 几 层 目录 下 ， 这 样 黑客 要 想 通 过 猜 的 方式 得 
到 你 的 Access 数据 库 文件 就 难 上 加 难 了 。 

(3) 代码 漏洞 。 代 码 漏洞 有 很 多 形式 ， 如 数据 库 连 接 错误 导致 Web 服务 器 错误 提示 ， 

而 这 些 错误 提示 中 可 能 会 含有 数据 库 或 表 等 重要 信息 。 又 例如 后 台 程序 只 有 主 程序 验证 了 
管理 员 的 身份 信息 ， 而 其 他 页 面 忽视 了 身份 验证 ， 使 得 非法 用 户 可 以 绕 过 登录 而 直接 打开 
后 台 的 某 个 管理 页 面 。 


2， 网 站 防范 对 策 


网 站 的 防范 除了 从 技术 上 制订 一 些 措施 外 ,如 经 常 对 Web 服务 器 软件 升级 、 安 装 相 应 
的 安全 补丁 等 ， 还 要 注意 以 下 问题 。 

(1) 天 天 关注 你 负责 的 网 站 。 把 你 管理 的 网 站 设 为 浏览 器 的 首页 ， 每 天 至 少 看 一 次 ， 
尤其 是 节假日 ， 因 为 节假日 恰恰 是 攻击 的 高 发 时 段 。 

(2) 定期 备份 数据 库 和 供 下 载 的 文档 。 网 站 如 果 不 是 经 常 更 新 ， 访 问 量 不 大 ， 大 概 
每 周 备份 一 次 ;反之 每 天 一 次 。 不 要 怕 麻 烦 ， 这 个 制度 很 有 必要 ， 特 别 是 经 常 对 外 发 布 信 
息 ， 提 供 资料 下 载 的 网 站 ， 更 要 做 好 这 方面 的 工作 。 

(3) 密码 要 健壮 。 后 台 管 理 的 账号 密码 应 与 管理 员 个 人 常用 的 不 同 ， 以 防 他 人 从 别 
处 得 到 网 站 的 密码 ,如 果 有 多 个 管理 员 , 要 保证 所 有 人 的 密码 都 是 “健壮 的 ” 即 不 能 像 *admin， 
123456， 和 生日， 电话” 这 样 容易 猜测 ， 必 须 是 数字 、 字 母 和 符号 的 组 合 。 

(4) 网 站 改版 后 ， 如 需 保 留 旧 版 ， 要 记得 删除 旧版 的 后 台 。 如 果 改 版 ， 应 及 时 删除 
旧版 的 后 台 管 理 ， 特 别 是 上 传 模块 。 同 时 ， 注 意 清理 放 到 网 站 上 的 文件 ， 不 要 把 包含 敏感 
信息 的 文档 放 到 网 站 空间 里 。 很 多 人 以 为 在 网 页 上 看 不 到 的 文档 就 是 安全 的 ， 其 实 不 然 。 

(5) 文件 时 间 一 致 原则 。 简 单 地 说 ， 就 是 保持 大 部 分 文件 的 上 传 时 间 一 致 ( 数 据 库 
之 类 频繁 读 写 的 文件 除外 )。 具 体 做 法 是 一 次 上 传 所 有 文件 ， 建 议 即使 修改 了 一 个 文件 也 
重新 上 传 所 有 网 页 ， 这 样 做 主要 是 方便 查找 木马 。 

(6) 要 把 数据 库 的 扩展 名 改 为 .asa。 实 验证 明 ， 扩 展 名 改 成 .asp 是 没 用 的 ， 仍 然 可 以 
被 下 载 , 而 且 还 可 能 被 暗藏 ASP 木马 在 数据 库 中 。 此 外 , 不 要 使 用 数据 库 备份 、 恢 复 功 能 。 
有 证 据 表 明 这 些 功 能 可 能 使 入 侵 者 绕 过 上 传 文件 的 限制 。 要 备份 ， 直 接 用 FTP 下 载 即 可 。 

(7) 给 用 户 尽 可 能 少 的 功能 和 权限 。 功 能 越 复杂 ， 可 能 出 现 的 漏洞 越 多 ， 除 非 你 对 
自己 的 技术 很 有 信心 ， 否 则 请 谨慎 向 用 户 开 放 上 传 等 容易 受到 攻击 的 功能 。 

(8) 出 错 信息 越 模糊 越 好 ， 这 里 的 出 错 信息 包括 程序 的 错误 信息 和 对 攻击 行为 的 提 
示 信 息 。 程 序 的 错误 信息 可 能 暴露 数据 库 的 类 型 、 位 置 ， 也 可 能 为 注入 提供 方便 ， 对 攻击 
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行为 的 提示 信息 太 激 烈 也 可 能 激怒 对 方 ， 要 知道 ， 没 有 做 不 到 只 有 想不到 ， 别 人 总 是 有 办 
法 进入 你 认为 安全 的 站 点 ， 不 管用 什么 手段 。 
(9) 访问 网 站 时 提示 发 现 病毒 。 遇 到 这 种 情况 ， 十 有 八 九 是 被 入 侵 了 ， 而 且 几乎 可 
以 肯定 是 上 传 漏洞 被 利用 ， 入 侵 者 在 网 页 中 加 入 了 病毒 代码 ， 企 图 让 网 站 访问 者 中 毒 。 遇 
到 这 种 情况 ， 首 先 应 该 马上 替换 掉 染 毒 页 面 ， 然 后 按 应 对 非法 入 侵 的 方法 进行 处 理 。 
(10) 定期 修改 密码 。 定 期 修改 服务 器 登录 密码 ， 密 码 采 用 由 英文 字符 、 数 字 字 符 及 
特殊 字符 混合 组 成 的 高 强度 组 合 。 
以 上 是 在 网 站 防范 中 经 常用 到 的 技巧 ， 对 维护 网 站 的 安全 能 起 到 很 大 的 作用 。 尽 管 如 
此 , 随 着 网 络 上 的 攻击 形式 越 来 越 多 , 攻击 方式 越 来 越 傻瓜 化 , 仅 掌 握 一 些 技巧 仍 显 不 足 ， 
还 需要 在 实战 中 不 断 积累 经 验 。 一 旦 遇 到 突 发 的 入 侵 事 件 , 首先 应 该 保持 冷静 , 理 清 头 绪 ， 
做 到 以 下 几 点 。 
小 ”下 载 被 黑 的 网 站 以 保存 相关 证 据 。 然 后 用 平时 备份 的 资料 蔡 代 被 算 改 的 数据 ， 及 
时 恢复 网 站 功能 ， 最 大 限度 降低 不 良 影响 。 
上 ”要 和 暂时 把 管理 后 台 删 除 ， 这 是 没有 办 法 的 办 法 。 在 漏洞 没 找 出 之 前 ， 网 站 是 极 不 
安全 的 ， 可 能 遭 到 二 次 破坏 而 造成 更 恶劣 的 影响 。 
首 ， 在 初步 处 理 完 后 ， 把 损失 情况 报告 分 管 领导 ， 必 要 时 向 公安 机 关 网 监 部 门 报警 。 
小 ”向 虚拟 主机 管理 员 索 要 事故 发 生前 后 几 天 的 IS 访问 记录 ， 分 析 漏 洞 所 在 和 入 侵 
途径 。 修 补漏 洞 ， 查 找 后 门 。 


10.2 ”电子 商务 网 站 运营 与 管理 


建立 电子 商务 网 站 并 不 是 最 终 目的 ， 这 仅仅 是 电子 商务 网 站 运营 的 开端 。 网 站 运营 初 
期 ， 由 于 在 客户 群体 中 的 知名 度 较 低 ， 需 要 对 网 站 进行 宣传 推广 和 营销 管理 ， 同 时 为 了 满 
足 客户 不 断 增长 的 服务 需求 ， 管 理 人 员 应 该 对 网 站 进行 综合 维护 和 信息 更 新 。 

网 站 运营 第 一 步 ， 需 要 好 好 思考 以 下 三 个 问题 。 

小 ”网 站 的 现状 如 何 ? 

小 ”网 站 如 何 发 展 ? 

小 ”网 站 的 发 展 目标 是 什么 ? 

首先 ， 对 网 站 现状 必须 有 客观 的 认识 ， 有 多 少 资源 ， 达 到 了 什么 规模 ， 访 客 积累 的 程 
度 如 何等 。 其 次 ， 对 网 站 的 发 展 历程 总 结 ， 能 更 有 针对 性 地 规避 风险 ， 寻 找 机 会 。 最 后 ， 
是 要 明晰 网 站 未 来 发 展 的 目标 。 

对 于 电子 商务 网 站 来 讲 ， 需 要 关注 如 何 提升 销售 额 、 降 低 成 本 ， 如 何 提升 网 络 媒体 关 
注 、 用 户 黏 性 ， 以 吸引 更 多 的 访客 来 访 。 在 实际 操作 层面 ， 还 需要 进一步 把 具体 目标 落实 
到 指标 层面 ， 这 样 才 可 以 量化 评估 ， 推 进 到 实际 操作 中 去 。 例 如 电子 商务 网 站 进一步 关注 
的 指标 是 “平均 每 个 订单 的 销售 额 ” 和 “广告 投放 成 本 ”， 网 络 媒体 进一步 关注 的 指标 是 
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“PV”“UV” 等 。 结 合 网 站 内 外 部 情况 ， 预 计 网 站 未 来 的 发 展 ， 细 分 维度 ， 制 定 合理 的 
KPI (关键 指标 考核 )， 即 上 述 关 注 指 标 到 哪个 数值 才 算 达 到 目标 ,让 网 站 运营 的 方向 更 加 
明晰 ， 让 网 站 更 高 效 地 达到 目标 。 
在 网 站 运营 过 程 中 ， 根 据 网 站 运营 以 及 发 展 的 需要 ， 还 要 对 网 站 的 功能 需要 进行 优化 
和 扩充 ， 如 增加 客户 关系 管理 模块 (CRM) 等 ， 这 样 才能 更 好 地 提升 企业 的 管理 水 平 ， 为 
客户 提供 个 性 化 的 服务 。 


10.2.1 电子 商务 网 站 运营 与 管理 的 内 容 


【 例 10-1】 系统 出 错 一 一 卓越 上 千 元 图 书 只 要 25 元 

“ 昨 晚 卓越 网 上 的 书 25 元 随便 买 , 有 谁 买 了 吗 ? ”“ 快 抢 啊 , 几 千 块 的 书 只 要 25 元 ”…… 
昨日 凌晨 ,包括 重庆 、 上 海 、 北 京 在 内 的 网 友 不 断 在 泡 泡 网 、 开 心 网 等 论坛 上 发 出 上 述 帖 
子 。 一 套 全 19 册 《 宁 元 明 清 书目 题跋 丛刊》 的 商品 说 明 中 显示 ,其 市 场 价 为 4600 元 , 卓 
越 网 当晚 价格 标 为 25 元 ， 后 面 还 提示 “为 您 节省 4575 元 ”， 而 超级 VIP 价 则 仅 为 23.75 
元 。 据 悉 ， 当 晚 有 大 量 来 自 上 海 、 北 京 、 天 津 等 地 的 网 友 抓 位 了 “机 会 "。 

大 量 上 千 元 的 图 书 只 卖 25 元 ,难道 天 上 会 掉 馅 饼 ? 天 亮 后 正 等 着 收 货 的 网 友 ， 却 等 
来 了 卓越 方面 退 单 的 通知 。( 资料 转自 新 浪 网 2009-12-25 ) 

网 站 运营 与 管理 的 主要 内 容 包括 网 站 的 推广 、 网 站 信息 的 管理 、 与 客户 进行 交互 、 网 
站 统计 管理 与 网 站 的 管理 等 。 网 站 的 推广 将 在 第 11 章 中 介绍 。 


1， 网 站 信息 的 更 新 


当今 处 于 信息 时 代 ， 人 们 最 关心 的 是 有 无 需要 的 信息 、 信 息 的 可 靠 性 、 信 息 是 否 为 最 
新 信息 等 。 一 个 电子 商务 网 站 建立 起 来 之 后 ， 要 让 它 发 挥 尽 可 能 大 的 作用 ， 吸 引 更 多 的 浏 
览 者 , 壮大 自己 的 客户 群 ， 就 必须 研究 和 跟踪 最 新 的 变化 情况 ， 及 时 发 布 企业 最 新 的 产品 、 
价格 、 服 务 等 信息 ， 保 持 网 站 内 容 的 准确 性 、 实 效 性 。 网 站 的 更 新 包括 以 下 3 个 方面 。 

(1) 新 闻 栏目 。 网 站 的 新 闻 栏 目 是 客户 了 解 企业 的 门户 ， 其 应 将 企业 的 重大 活动 、 
产品 的 最 新 动态 、 企 业 的 发 展 趋势 、 客 户 服务 措施 等 及 时 、 真 实地 呈现 给 客户 ， 让 新 闻 栏 
目 成 为 网 站 的 亮点 ， 以 此 吸引 更 多 的 客户 前 来 浏览 、 交 易 。 如 图 10-1 所 示 是 通过 网 站 后 台 
更 新 产品 新 闻 。 

(2) 商品 信息 。 商 品 信息 是 电子 商务 网 站 的 主体 ， 随 着 外 在 条 件 的 变化 ， 商 品 的 信 
息 〈 如 商品 的 价格 、 种 类 、 功 能 等 ) 也 在 不 断 地 变化 ， 网 站 必须 追随 其 变化 ， 不 断 地 对 商 
品 信息 进行 维护 更 新 ,反映 商品 的 真实 状态 。 如 图 10-2 所 示 是 通过 网 站 后 台 更 新 产品 页 面 。 

(3) 为 保证 网 站 中 的 链接 通畅 ， 网 站 的 维护 人 员 要 经 常 对 网 站 所 有 的 网 页 链接 进行 
测试 ， 保 证 各 链接 正确 无 误 。 

另外 ， 客 户 案例 、 客 户 咨询 问题 解答 以 及 首页 横幅 图 片 也 要 及 时 更 新 ， 如 果 网 站 内 容 
总 是 停滞 不 变 ， 一 方面 不 能 给 客户 提供 新 的 价值 ， 同 时 也 会 令 用 户 对 企业 的 持续 运营 和 诚 
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信 度 产生 怀疑 。 如 图 10-3 一 图 10-5 所 示 是 某 计量 公司 网 站 及 时 更 新 的 3 个 横幅 图 片 ， 很 
好 地 体现 了 公司 对 客户 的 关怀 和 产品 的 特点 优势 。 


回 到 首页 | 退出 


| 人 ” 不 毛 定 小 类 ~ 
RB 的 Xom 昌 日 加 | 
据 营 档 式 。 字体 ~ 了 vv- 配 取 Br 至 至 至 重 到 
I wm 


2 到 站 只 贸易 、 了 | 放 闪 大 车 加 扒 
让 大 生计 动 化 控制 绩效 管理 系统 、 流量 计 量 仪表 、 泵 内 产品 和 铺 件 等 。 产 品 远 销 欧 、 美 、 


有 rat 、 ITS09001 国 际 质量 体系 认证 、cJB90013 罕 工 产品 质 鲁 管理 体系 认证 、 保 密 认 
、 CA 下 及 多 种 六 晤 Ri 汪 分 本 结合 昌 身 帮 虹 村 点 条 用 持 导 的 自动 化 绩效 宣 理 系统 ， 将 管理 
年关 笋 和 和 理 和 并 ht 争 - 


到 的 技术 团队 、 先 进 的 生产 线 ， 半 训 了 安 训 志 北 强大 的 技术 实力 公司 产品 设计 、 
ew > 的 时 人 开化 机 备 作 圭 ， 以 和 现 商 计 最 优化 、 全 产 集约 化 、 检测 情人 化 ， 从 市 


“ 行 渤 必 自 这 ,这 求 天目 强 。 我 们 哲 终 时 持 “ 贡 业 让 入 、 创 新 直接 ”的 经 营 香 今 ,着 腿 于 全 球 市 场 ! 以 “不 断 
进取、 与 时 假 进 ” 的 识 斗 精神 9 提 j 激 励 自 己 ; 用 优异 卓越 的 产品 积极 参与 市 场 竞争 ， 服 务 世界 客商 ! 


10-1 某 公司 网 站 后 台新 闻 更 新 


轴承 配件 产品 > ”汽车 要件 ~ 

232033316 * 产 品 编号 不 可 以 相同 ， 如 你 不 能 确定 会 重 夏 ， 请 御 改 动 他 
内 螺纹 球 亲 * 

1/4-2 


有 所 落 样式 “字体 ~ 字 8vioxv 了 ZEwxan| 匡 委 洒 可 
|4 罗 权 罗 的 XOOm NEE 
| 站 并 盘 爹 口 到 天 | 四 团 草 己 | 蝇 电 渴 | 口 日 渔 四 bjD 面罩 加 
标准 : PT/NPT/PS/DIN259/ DIN2999 

: 1000PSI 1500PSI 2000PSI 


-50'C —230C 
: PTFE, RPTFE, CTFE, PEEK, PPL 


型 号 :174-- 盖 
导 也 CF8 、CF8M 、CF3M 、1.4308、1.4408 、W! 
这 用 工 ， 主要 而 于、 、 化 工 、 食 品 、 医药 、 铁路 、 水 处 理 


; 司 以 增加 加 镶 装 置 。 


10-2 ” 某 公 司 网 站 后 台 产 品 更 新 


10-3” 某 公 司 网 站 首页 横幅 (一 ) 
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差 压 变 送 器 测 流量 / 液 位 ? 你 需 选 对 方法 


EE EN wnt WW ipt 
完整 的 压力 变 送 器 家 族 全 面 满足 您 的 


Lal:1:| 


10-5 ” 某 公 司 网 站 首页 横幅 (三 ) 


网 站 信息 更 新 是 网 站 维护 过 程 中 的 一 个 瓶颈 ， 如 何 才能 快捷 地 更 新 网 页 、 提 高 更 新 
效率 呢 ? 可 以 制订 一 整套 信息 收集 、 信 息 审查 、 信 息 发 布 的 信息 管理 体系 ， 保 证 信息 渠 
道 的 通畅 和 信息 发 布 流程 的 合理 性 ， 既 要 考虑 信息 的 准确 性 和 安全 性 ， 又 要 保证 信息 更 
新 的 及 时 性 。 

2.， 信息 选择 

网 站 内 容 信息 选择 的 方法 可 通过 以 下 3 个 问题 进行 。 

(1) 访问 者 访问 企业 网 站 的 目的 是 什么 ? 

从 网 上 获取 资讯 始终 是 访问 者 的 主要 目的 之 一 。 因 此 网 站 内 容 必须 提供 和 企业 产品 或 
服务 相关 的 丰富 资讯 。 以 专业 角度 去 描述 产品 的 规格 和 性 能 ， 和 同类 产品 或 服务 相 比较 ， 
告诉 访问 者 各 自 的 优点 之 处 及 不 同 特点 ， 帮 助 访问 者 做 出 最 好 的 选择 。 

(2) 访问 者 为 什么 要 经 常 访问 我 们 的 企业 网 站 ? 

一 般 情况 下 ， 访 问 者 要 在 访问 网 站 3~5 次 后 ， 才 会 有 实质 性 的 购买 行动 。 因 此 ， 企 
业 网 站 要 让 他 们 觉得 值得 回访 。 不 断 更 新 产品 或 服务 资讯 ， 不 断 添加 吸引 访问 者 的 内 容 ， 
加 深 良好 印象 ， 使 潜在 客户 回访 网 站 。 

(3) 访问 者 在 众多 的 同类 产品 或 服务 中 ， 为 什么 会 选择 我 们 企业 产品 或 服务 ? 


265 


电子 商务 网 站 建设 与 管理 (第 2 版 ) 

详细 描述 产品 或 服务 的 特点 , 给 出 确凿 的 资料 。 如 果 我 们 的 企业 产品 或 服务 没有 特色 ， 
那么 潜在 客户 购买 产品 或 服务 的 动机 将 会 大 大 降低 。 

认真 地 回答 以 上 3 个 问题 ， 就 可 以 清楚 地 知道 自己 的 企业 产品 有 哪些 优势 ， 并 在 内 容 
组 织 及 栏目 设置 中 尽量 体现 。 

3. 网 站 信息 组 织 


网 站 内 容 的 组 织 并 不 是 现成 的 企业 简介 和 产品 目录 的 翻版 。 这 恰好 也 是 某 些 网 站 访问 
量 低 的 一 个 重要 原因 。 
可 以 通过 搜索 引擎 找 出 同类 网 站 排名 前 20 位 的 名 单 ， 逐 个 访问 名 单 上 的 网 站 ， 然 后 
做 一 个 简单 的 表格 ， 列 出 竞争 对 手 的 企业 名 称 、 所 在 地 、 产 品 描述 、 产 品 价格 、 网 站 特点 
等 ， 从 中 找 出 企业 产品 优 于 或 不 同 于 其 他 竞争 对 手 产品 的 优点 或 特色 ， 同 时 ， 也 应 该 清楚 
地 认识 到 自己 产品 的 不 足 之 处 ， 思 考 如 何 改进 使 产品 更 具 竞 争 力 ， 并 制定 出 如 何 改进 的 
方案 。 
在 充分 了 解 了 网 上 竞争 对 手 的 情况 并 研究 了 他 们 的 产品 和 网 页 的 基础 后 ,遵循 以 下 内 
容 组 织 原则 ， 制 订 出 更 能 体现 产品 特点 的 网 页 内 容 。 
小 ”清晰 性 :网 站 内 容 必 须 简洁 明了 ， 直 奔 主题 ， 非 党 有效 地 讲 清楚 想 说 的 内 容 。 
”创造 性 :你 的 观点 会 使 访问 者 产生 共鸣 ， 发 出 内 心 的 认同 吗 ? 这 是 访问 者 判断 一 
间 公 司 是 否 有 实力 ， 从 而 影响 到 购买 动机 的 重要 依据 。 
”突出 3 个 重点 :突出 企业 产品 的 优点 和 与 众 不 同 的 特色 ， 突 出 帮助 访问 者 辨别 、 
判断 同类 产品 优 劣 方面 的 内 容 ， 突 出 内 容 的 毋庸 置疑 的 正确 性 。 


4. 网 站 的 在 线 交易 管理 


在 线 交 易 管理 可 以 分 为 购物 车 管理 、 订 单 管 理 等 多 个 方面 。 在 线 购物 车 管理 应 对 用 户 
正在 进行 的 购买 活动 进行 实时 跟踪 ， 从 而 使 管理 员 能 够 看 到 消费 者 的 购买 、 挑 选 和 退货 的 
全 部 过 程 ,并 实时 监测 用 户 的 购买 行为 , 纠正 一 些 错误 或 不 当 事 件 的 发 生 。 订单 信息 管理 ， 
也 是 网 上 销售 管理 的 一 个 不 可 缺少 的 部 分 ， 要 对 网 上 全 部 交易 产生 的 订单 进行 跟踪 管理 。 
管理 员 可 以 浏览 、 查 询 、 修 改 订单 ， 对 订单 、 合 同 进行 分 析 ， 追 踪 从 订单 发 生 到 订单 完成 
的 全 过 程 ， 例 如 目前 的 各 订单 处 理 状态 如 何 ， 有 多 少 新 订单 进来 ， 要 不 要 打印 出 订货 单 ， 
订单 出 货 有 没有 设 定 , 以 及 进行 在 线 清 款 与 顾客 退货 等 相关 交易 的 处 理 等 。 只 有 通过 完善 、 
安全 的 订单 管理 ， 才 能 使 基于 网 络 的 电子 商务 活动 能 够 顺利 进行 ， 达 到 预期 的 效果 。 

5S， 网 站 统计 管理 


在 网 站 运营 中 ， 访 问 者 的 多 少 直接 关系 到 网 站 的 生存 ， 电 子 商 务 网 站 访问 量 统计 是 电 
子 商 务 网 站 的 一 个 重要 组 成 部 分 。 通 过 对 访问 量 数据 的 统计 与 分 析 ， 可 以 找 出 网 站 的 优势 
与 不 足 ， 从 而 对 网 站 进行 相应 的 修改 ， 更 好 地 实现 网 站 的 建设 目标 ; 还 可 以 根据 数据 变化 
规律 和 趋势 随时 调整 网 站 的 发 展 方向 ;另外 ， 还 有 助 于 选择 更 合适 的 网 站 宣传 推广 手段 。 
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(1) 统计 网 站 使 用 率 。 网 站 使 用 率 包括 IP、PV、 平 均 浏览 页 数 、 在 线 时 间 、 跳 出 率 、 
回访 者 比率 、 访 问 时 间 比 率 。 实 际 上 ， 这 些 最 基本 的 每 项 数据 提高 起 来 都 不 容易 ， 意 味 着 
要 不 断 改 进 每 一 个 发 现 问题 的 细节 ， 不 断 去 完善 购物 体验 。 

(2) 统计 新 会 员 购 物 比率 、 会 员 总 数 、 所 有 会 员 购 物 比 率 、 复 购 率 、 转 化 率 。 概 括 
性 分 析 会 员 购 物 状 态 ， 重 点 在 于 本 周 新 增 了 多 少 会 员 ， 新 增 会 员 购 物 比 率 是 否 高 于 总 体 水 
平 。 如 果 你 的 注册 会 员 购物 比率 很 高 ， 那 引导 新 会 员 注 册 不 失 为 提高 销售 额 的 好 方法 。 

会 员 复 购 率 包括 1 次 购物 比例 、2 次 购物 比例 、3 次 购物 比例 、4 次 购物 比例 、5 次 购 
物 比 例 、6 次 购物 比例 ;转化 率 体现 的 是 B2C 的 购物 流程 、 用 户 体验 是 否 友好 ， 可 以 称 为 
外 功 ， 复 购 率 则 体现 B2C 整体 的 竞争 力 ， 绝 对 是 内 功 ， 这 包括 知名 度 、 口 碑 、 客 户 服务 、 
包装 、 发 货 单 等 每 个 细节 ， 好 的 电子 商务 网 站 复 购 率 能 做 到 90%， 没 有 复 购 率 的 网 站 没有 
前 途 。 

(3) 比 对 每 日 运营 数据 。 每 日 运营 数据 包括 总 订单 、 订 单 有 效率 、 总 销售 额 、 毛 利 
润 、 毛 利率 、 下 单 转化 率 、 付 款 转化 率 、 退 货 率 。 通 过 每 日 、 每 周 的 数据 汇总 ， 重 点 指导 
运营 内 部 的 工作 ， 如 产品 引导 、 定 价 策略 、 促 销 策 略 、 包 邮 策 略 等 。 所 有 的 问题 ， 在 运营 
数据 中 都 能 够 找到 答案 。 


6， 用 户 反馈 信息 管理 


电子 商务 网 站 是 一 个 动态 网 站 ， 具 有 很 强 的 交互 性 。 例 如 ， 多 数 电子 商务 网 站 都 包含 
留言 板 、BBS、 投 票 调查 、 电 子 邮 件 列表 等 信息 发 布 和 存放 系统 ， 它 提供 了 与 浏览 者 交流 、 
沟通 的 平台 。 通过 这 些 平台 , 可 以 收集 浏览 者 提出 的 各 种 意见 和 建议 ， 了 解 浏 览 者 的 需求 。 
对 于 浏览 者 的 留言 、 邮 件 和 提出 的 问题 应 该 给 予 必要 的 重视 并 及 时 解决 、 回 复 ， 这 样 有 助 
于 为 网 站 树立 良好 的 公众 形象 ， 进 一 步 增加 网 站 客户 的 数量 。 

7， 系 统 权限 管理 


电子 商务 网 站 管理 系统 负责 整个 网 站 所 有 资料 的 管理 ， 因 此 管理 系统 的 安全 性 显得 格 
外 重要 ， 系 统 权限 管理 正 是 针对 这 一 点 而 设置 的 。 系 统 权限 管理 ， 应 根据 不 同 的 用 户 进行 
不 同 的 管理 列表 控制 ， 设 定 和 修改 企业 内 部 不 同 部 门 用 户 的 权限 ， 限 制 所 有 使 用 电子 商务 
网 站 管理 系统 的 人 员 与 相关 的 使 用 权限 。 给予 每 个 管理 账号 专属 的 进入 代码 与 确认 密码 ， 以 
确认 各 管理 者 的 真实 身份 ， 做 到 级 别 控制 。 超 级 用 户 可 根据 要 求 管理 所 设 定 的 相应 的 管理 
功能 ， 对 订单 、 产 品目 录 、 历 史 信 息 、 用 户 管理 、 超 级 用 户 管理 、 次 目录 管理 、 功 能 列表 
控制 、 购 物 车 管理 等 进行 一 系列 操作 。 

8， 网 站 数据 的 备份 与 恢复 

防止 数据 丢失 的 第 一 道 防线 是 实行 数据 备份 。 尽 管 备份 很 重要 ， 但 却 常 常 被 忽视 。 如 
果 在 网 站 更 新 或 添加 内 容 时 实行 了 数据 备份 ， 那 么 ， 即 使 出 现 操作 失误 删除 了 一 些 重 要 的 
内 容 或 资讯 或 者 重要 的 内 容 ， 那 么 也 不 至 于 丢失 辛 辛 苦 苦 建立 起 来 的 数据 ; 当 企业 网 站 发 
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生 灾 难 , 原始 数据 丢失 或 遭 到 破坏 , 利用 备份 数据 就 可 以 很 快 恢复 , 使 网 站 继续 正常 工作 。 
可 见 ， 数 据 的 备份 是 多 么 的 重要 。 

备份 是 一 种 实现 数据 安全 的 策略 ， 是 对 原始 数据 进行 完全 一 致 的 复制 。 网 站 数据 备份 
通常 可 分 为 文件 备份 和 数据 库 备份 。 文 件 备份 的 对 象 是 电子 文档 、 电 子 图 表 、 图 片 及 影音 
文件 , 数据 库 备份 的 对 象 主要 包括 数据 库 文件 及 数据 库 日 志 等 。 在 数据 备份 的 管理 工作 中 ， 
要 合理 地 制订 备份 方式 、 备 份 进度 ， 选 择 合适 的 备份 设备 和 备份 软件 ， 实 施 合 理 高 效 的 备 
份 策略 。 

总 之 ， 在 电子 商务 活动 中 ， 网 站 是 企业 与 用 户 交流 及 沟通 的 窗口 ， 是 买方 和 卖方 信息 
交汇 与 传递 的 渠道 ， 是 企业 展示 其 产品 与 服务 的 舞台 ， 是 企业 体现 其 企业 形象 和 经 营 战略 
的 载体 。 一 个 电子 商务 网 站 能 否 发 挥 其 预期 的 效用 、 达 到 建站 的 目的 、 收 到 应 有 的 效益 ， 
很 大 程度 上 依赖 于 网 站 内 容 的 丰富 程度 、 网 页 的 更 新 程度 及 相关 信息 的 回复 速度 ， 这 就 要 
求 网 站 的 运营 维护 应 该 到 位 。 任 何 一 个 电子 商务 网 站 建成 后 ， 不 管 其 规模 大 小 都 不 可 能 一 
劳 永 逸 ， 事 物 在 不 断 地 变化 ， 网 站 的 内 容 也 需要 随 之 不 断 调整 。 因 此 ， 电 子 商务 网 站 的 全 
面 管理 和 不 断 维护 更 新 是 网 站 高 效 运行 的 前 提 和 保障 。 


10.2.2 ”电子 商务 网 站 运营 与 管理 策略 


1， 运 营 与 管理 策略 


(1) 产品 的 定位 。 做 电子 商务 前 就 要 考虑 清楚 自己 准备 做 产品 还 是 服务 、 做 哪些 产 
品 或 服务 等 问题 。 定 位 好 了 产品 或 服务 ， 然 后 考虑 接 下 来 的 推广 营销 计划 。 不 做 好 产品 或 
者 服务 的 定位 ， 就 不 能 很 好 地 开展 下 一 步 的 工作 。 

(2) 网 络 营销 和 推广 。 有 了 平台 ， 有 了 产品 以 及 对 产品 的 定位 ， 接 下 来 就 要 考虑 怎 
样 让 人 家 知道 有 这 样 一 个 平台 出 售 这 样 的 产品 。 那 就 需要 开展 网 络 营销 和 推广 工作 了 。 这 
一 步 对 电子 商务 来 说 很 关键 ， 也 很 重要 ， 电 子 商务 的 成 败 大 部 分 取决 于 这 个 环节 。 因 为 ， 
网 络 营 销 是 电子 商务 的 核心 所 在 。 

(3) 品牌 信用 度 的 建立 。 至 于 品牌 信用 度 的 建立 ， 大 部 分 靠 网 络 营销 来 实现 。 需 要 
注意 的 是 ， 前 期 建设 网 站 时 就 需要 考虑 这 些 问 题 ， 要 在 网 站 上 显现 出 来 诚信 和 品牌 的 统一 
性 。 这 个 品牌 的 建立 需要 做 到 统一 、 长 久 、 不 间断 地 去 影响 互联 网 中 的 网 民 。 

(4) 客户 关系 的 维护 。 当 运营 到 一 定 阶 段 时 ， 会 拥有 很 多 的 新 老 客 户 ， 这 时 要 想 提 
升 自己 网 站 的 客户 忠诚 度 以 及 再 次 购买 的 行为 ， 就 需要 你 学 会 客户 关系 的 维护 。 不 要 冷淡 
了 那些 曾经 消费 过 的 老 客户 ， 那 些 老 客户 是 曾经 认可 你 的 并 且 会 再 次 消费 的 群体 ， 在 节 假 
日 的 时 候 给 客户 一 些 温 志 的 问候 ， 哪 怕 只 是 一 个 短信 。 某 客户 快 过 生日 了 ， 给 客户 寄 一 个 
小 小 的 生日 礼物 等 。 别 忘 了 客户 就 是 上 帝 ! 

(5) 售后 服务 。 售 后 服务 的 好 坏 决 定 了 客户 再 次 购买 的 行为 。 所 以 一 定 要 做 好 售后 
服务 这 个 环节 ， 你 的 保证 和 承诺 一 定 要 做 到 ， 例 如 说 你 的 网 站 上 有 7 天 无 条 件 退换 货 的 条 
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款 ， 那 么 ， 当 客户 在 7 天 之 内 要 求 退换 货 时 ， 不 要 问 客户 为 什么 ， 直 接 爽 快 并 且 快捷 地 办 
好 退换 货 的 工作 即 可 。 因 为 ， 电 子 商务 最 主要 的 一 点 就 是 诚信 。 

(6) 物流 配送 。 电 子 商 务 的 最 后 环节 就 是 物流 的 配送 了 。 物 流 配送 的 快捷 和 准确 无 
误 也 决定 了 客户 再 次 购买 的 行为 。 要 和 物流 公司 洽谈 好 一 切 细节 的 合作 事宜 ， 不 要 让 最 后 
的 一 个 环节 制约 了 整个 的 销售 流程 和 环节 。 

电子 商务 网 站 的 管理 包括 多 层次 、 多 类 型 的 工作 ， 既 有 日 常 的 维护 管理 ， 也 有 定期 或 
不 定期 的 更 新 ， 既 有 信息 技术 层面 的 网 页 外 观 设 计 的 优化 ， 也 有 营销 和 管理 层面 的 创意 。 

2， 电 子 商务 运营 中 的 角色 及 岗位 职责 


(1) 部 门 经 理 岗 位 职责 


种 


» 
Ld 


负责 统筹 本 部 门 各 岗位 (网 站 编辑 、 网 站 美工 、 网 站 文案 、 网 站 策划 、 网 站 程序 
等 ) 的 整体 工作 。 

负责 对 下 级 岗位 人 员工 作 绩 效 的 考核 和 评审 ， 以 及 转正 解职 、 升 职 降级 的 申请 。 
负责 网 站 运营 相关 各 项 文档 (各 项 资质 申请 、 高 新 企业 申请 等 ) 的 撰写 。 

负责 与 业务 部 门 进行 沟通 ， 了 解 网 站 开发 和 修改 的 需求 ， 形 成 技术 文档 ， 供 网 站 
系统 开发 商 进行 开发 和 修改 。 

负责 与 网 站 系统 开发 商 进行 沟通 ， 保 证 业务 需求 通过 技术 方式 得 以 实现 。 

负责 网 站 运营 设备 (服务 器 、 路 由 器 、 交 换 机 等 ) 的 购置 方案 制订 、 安 装配 置 与 
日 常 运行 维护 。 

负责 网 站 运营 环境 (主机 托管 、 网 站 域名 、 通 用 网 址 等 ) 的 构建 , 接洽 与 甄选 IDC、 
ISP， 保 证 网 站 运营 环境 的 畅通 、 稳 定 、 高 效 。 

负责 网 站 各 项 运营 资质 (ICP 备案 等 ) 的 办 理 、 月 报 、 季 报 、 年 审 工 作 。 

负责 网 站 各 项 运营 认证 〈 可 信 网 站 等 ) 的 办 理 、 年 审 工 作 。 


(2) 商品 编辑 岗位 职责 


Ld 
» 
» 


» 


将 采购 部 门 采集 提供 的 商品 信息 进行 整理 。 

将 整理 好 的 商品 信息 在 网 站 平台 进行 发 布 。 

根据 业务 流程 需要 ， 参 照 采购 部 门 、 仓 储 部 门 的 同步 信息 ， 对 已 经 发 布 的 商品 信 
息 进行 价格 修改 、 库 存 调整 、 下 架 删 除 、 分 类 调整 等 管理 。 

根据 采购 部 门 制订 的 货架 展示 规划 ， 用 美工 编辑 设计 制作 完成 的 广告 图 片 对 网 站 
广告 信息 进行 定期 更 新 调整 。 


(3) 文案 编辑 岗位 职责 


» 


» 
Ld 
» 
» 


根据 网 站 基础 需要 ， 制 订 和 收集 网 站 基础 展示 文档 ， 并 发 布 到 网 站 平台 。 
根据 网 站 业务 流程 需要 ， 制 订 网 站 业务 流程 文档 ， 并 发 布 到 网 站 平台 。 
根据 网 站 业务 流程 需要 ， 制 订 网 站 宣传 文档 ， 并 发 布 到 网 站 平台 。 
根据 网 站 业务 流程 需要 ， 制 订 网 站 相关 的 各 种 宣传 语 、 广 告 词 等 。 
对 于 需要 制作 静态 页 面 的 文档 ， 交 美工 编辑 进行 页 面 设计 制作 。 
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(4) 外 联 推广 岗位 职责 

小 ”协助 网 站 采购 部 门 、 网 站 销售 部 门 相关 岗位 进行 网 站 合作 伙伴 在 网 站 的 推广 宣 
传 ， 以 及 在 合作 伙伴 网 站 的 推广 宣传 互 换 。 

”负责 国内 各 大 BBS 社区 、 博 客 、SNS 社区 的 合作 、 形 象 展示 、 软 文 发 布 、 在 线 
互动 等 。 

”制订 推广 方案 、 定 时 提交 推广 报告 。 

小 ”网 站 外 联 推广 的 其 他 相关 工作 。 

(5) 程序 维护 岗位 职责 

小 ”根据 网 站 需要 ， 对 现 有 的 功能 模块 存在 的 问题 和 局 限 进行 调试 修改 。 

小 ”根据 网 站 需要 ， 对 可 能 调用 网 站 程序 的 专题 页 面 添 加 相应 程序 支持 。 

”和 网 站 相关 的 其 他 程序 维护 工作 。 

(6) 美工 编辑 岗位 职责 

根据 网 站 策划 制订 的 网 站 专题 策划 方案 ， 进 行 网 站 专题 页 面 的 设计 制作 。 

”根据 网 站 采购 部 门 制作 的 货架 展示 规划 ， 对 网 站 广告 需要 图 片 进行 设计 制作 。 

”根据 业务 发 展 需要 ， 对 网 站 部 分 模块 的 重新 设计 制作 。 

”网 站 所 需 静 态 页 面 的 设计 制作 与 更 新 维护 。 

» 

3 


4 


网 站 总 编 安排 的 其 他 美工 设计 制作 工作 。 
.可 信 网 站 的 验证 


【 例 10-2】 ” 假 链接 骗 顾 客 钱财 

李 女 士 近日 打算 在 网 上 买 一 部 手机 。 在 淘宝 网 上 浏览 一 番 后 ,她 在 一 家 名 为 aibei62960 
的 网 店 上 看 中 了 一 款 手 机 ， 价 格 是 430 元 。 李 女士 仔细 查看 了 店铺 在 淘宝 的 开业 时 间 和 信 
用 评级 ， 觉 得 没什么 问题 。 经 过 与 商家 联系 后 ， 商 家 爽快 地 答应 她 ， 可 以 400 元 成 交 ， 并 
免 运 费 。 

在 李 女 士 要 拍 下 手机 时 ， 商 家 表示 ， 请 她 等 修改 价格 后 再 拍 。 之 后 ， 商 家 发 来 一 个 网 
址 链接 ， 让 李 女士 点 击 这 个 网 址 购买 。 李 女士 看 到 网 址 中 含有 “taobao” 字 样 ， 打 开 链 接 ， 
看 到 的 也 是 和 淘宝 极其 相似 的 页 面 ,因此 她 并 未 在 意 , 根据 提示 点 击 了 “立即 购买 ”图 标 ， 
并 输入 了 付款 密码 。 

可 是 当 李 女士 提示 商家 她 已 经 付款 时 ,商家 却 表 示 没 有 看 到 付款 信息 ， 可 能 是 数据 延 
期 ， 没 有 收 到 货款 ， 并 要 她 重 拍 一 次 ， 如 果 收 到 两 次 货款 ， 李 女士 可 以 申请 退 款 。 然 而 ， 
当 李 女 士 查询 自己 的 淘宝 支付 宝 账户 时 ， 发 现 钱 没 有 打 入 支付 宝 ， 而 是 通过 网 上 银行 ， 直 
接 汇 入 了 一 个 杭州 个 人 账户 。 

付款 出 现 问题 ， 引 起 了 李 女 士 警惕 ， 她 立刻 联系 淘宝 客服 。 客 服 表示 ， 李 女士 是 被 钓 
鱼网 站 骗 了 ， 她 支付 的 货款 直接 转 到 了 骗子 的 账户 上 。 淘 宝 网 客服 让 她 首先 对 电脑 杀毒， 
修改 所 有 密码 ， 然 后 及 时 到 当地 网 监 部 门 报案 ， 并 表示 淘宝 和 支付 宝 会 配合 网 监 部 门 的 调 
查处 理 。 之 后 ， 李 女士 与 那 名 卖家 再 度 联系 ， 但 对 方 已 不 再 上 线 。 
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据 中 国 互联 网 络 信息 中 心 (CNNIC) 估算 ， 目 前 我 国电 子 商务 市 场 规模 已 达 3.3 万 亿 
元 ， 众 多 中 小 企业 纷纷 注册 域名 、 建 立 网 站 ， 甚 至 花费 巨 资 为 其 网 站 进行 宣传 推广 ， 希 户 
分 得 3.3 万 亿 元 市 场 的 一 杯 凌 。 然 而 ， 这 虽然 带 来 了 网 站 流量 的 大 幅 提高 ， 但 真正 成 功 的 
交易 支付 却 仍 增长 密 窗 。 究 其 原因 ， 最 主要 的 还 是 信任 的 缺失 。 越 来 越 多 的 仿冒 网 站 、 钓 
鱼网 站 泛滥 ， 使 本 来 就 薄弱 的 互联 网 “信任 基础 ”更 不 牢靠 。 甚 至 于 “工商 银行 ”““ 建 设 
银行 ”这 样 的 国有 大 银行 也 被 仿冒 ， 如 图 10-6 所 示 。 中 国 反 钓鱼 网 站 联盟 秘书 处 统计 ， 全 
球 “ 钓 鱼 ” 案 件 自 2005 年 开始 ， 正 在 以 每 年 高 于 200% 的 速度 增长 。 


合 中 时 建设 银行 a 


个 人 客户 - 公司 机 构 客户 ， 


点 这 里 ， 会 下 载 后 | 理 芭 本 

个 人 网 上 银行 登录 行 手 机 银行 [和 缤纷) 
归 轩 于 下 银 行 。] 0 万 颈 充值 卡 等 起 拿 

2011 年 1 月 1 日 开始 et "| 


先 到 先 得 ,发 完 即 上 


账户 查询 服务 
10-6 ”仿冒 中 国 建设 银行 网 站 截图 


统计 显示 ， 企 业 因 无 法 为 自己 的 网 站 提供 任何 可 信 的 “身份 验证 ”信息 会 导致 九 成 左 
右 的 客户 流失 。 为 保障 电子 商务 、 网 上 交易 的 正常 进行 ， 由 第 三 方 权威 机 构 来 构建 网 络 诚 
信 机 制 迫 在 眉 睫 。 

“可 信 网 站 ”作为 第 三 方 验 证 服务 将 帮助 企业 网 站 建立 其 在 用 户 心 中 的 信任 ， 将 访客 
变 为 企业 的 生意 伙伴 ， 从 而 为 企业 尤其 是 中 小 企业 网 站 的 “身份 验证 缺失 ”破解 困 局 。 这 
将 掀起 一 场 打造 可 信 电 子 商务 的 革命 。 

(1) 什么 是 “可 信和 网 站 ”的 验证 ?如 图 10-7 所 示 ,“ 可 信 网 站 ”验证 服务 (站 点 卫士 》 
是 由 中 国 互联 网 络 信息 中 心 (CNNIC) 携手 北 龙 中 网 联合 颁发 的 验证 网 站 真实 身份 的 第 三 
方 权威 服务 。 它 通过 对 域名 注册 信息 、 网 站 信息 和 企业 工商 或 事业 单位 组 织 机 构 信息 进行 
严格 交互 审核 来 认证 网 站 真实 信息 ， 并 利用 先进 的 木马 扫描 技术 帮助 网 站 了 解 自身 安全 情 
况 ， 是 中 国 数 百 万 网 站 的 “可 信 身 份 证 ”。 

(2) 企业 为 什么 需要 可 信 网 站 的 验证 服务 ? “可 信 网 站 ”验证 服务 ， 是 由 网 站 付费 
安装 一 个 “可 信 网 站 ”的 第 三 方 认 证 标识 ， 所 有 网 民 都 可 以 通过 点 击 网 站 页 面 底 部 的 “可 
信 网 站 ”标识 确认 企业 的 真实 身份 。“ 可 信 网 站 ”验证 服务 通过 对 企业 域名 注册 信息 、 网 
站 信息 和 企业 工商 登记 信息 进行 严格 交互 审核 来 验证 网 站 真实 身份 。 通 过 认证 后 ， 企 业 网 
站 就 进入 CNNIC 运行 的 国家 最 高 目录 数据 库 的 “可 信 网 站 ” 子 数据 库 中 ， 从 而 提高 网 站 
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本 身 的 可 信 度 。 


ENET Mm 


ww. Fnert. 
国际 领先 的 互联 网 基础 服务 提供 商 


最 新 活动 国家 网 络 目 录 数据 库 收录 信息 查询 
eee 通用 网 址 宫 销 联 加 
可 区 于 加 入 启用 网 直 识 销 十 ， 允 字 ? 厅 苦 负 人 委 已 让 


全 国 “可 信 网 站 示范 工程 ”正式 启动 加 通用 网 址 目 可 信 蒜 务 器 证 书 
会 、 中 国 互联 网 协会 共同 指导 ， 无 线 网 址 加 “ 验证 


双亲 同 址 1 划 机 时 列表 


中 网 动态 与 公告 查看 更 多 


图 10-7 ”可 信 网 站 验证 服务 商 一 一 中 网 首页 


(3)“ 可 信 网 站 ”验证 服务 功能 。 

省 “验证 网 站 真 伪 ， 可 有 效 防范 钓鱼 、 仿 冒 网 站 。 

”权威 机 构 验 证 ， 增 强 中 小 企业 网 站 可 信和 性 。 

”全 天 木马 扫描 ， 每 日 及 时 通知 。 

”享受 反 钓鱼 联盟 准 成 员 待 遇 。 

(4) 验证 注册 。 为 保证 “可 信 网 站 ”验证 的 申请 单位 信息 及 其 域名 信息 真实 、 可 靠 ， 
“可 信 网 站 ”验证 服务 申请 者 需要 提交 以 下 资料 。 

履 ” 申 请 者 为 企业 的 ， 需 提交 营业 执照 副本 复印 件 加 盖 单 位 公章 ) 。 

”申请 者 为 非 企业 的 ， 需 提供 组 织 机 构 代码 证 复印 件 ( 加 盖 单位 公章 〉。 

“可 信和 网 站 ”注册 申请 书 原件 (加 盖 单 位 公章 〉。 

”经 办 人 的 身份 证 明 复印 件 。 

通过 上 述 审 核 ， 申 请 单位 即 可 获得 “可 信 网 站 ”验证 服务 ， 并 获得 “可 信 网 站 ”验证 
标识 。 

4. 企业 网 站 的 可 信 度 建设 

仅 有 可 信 验 证 是 不 够 的 ， 企 业 网 站 还 应 在 备案 、 内 容 建设 、 设 计 等 各 方面 加 强 可 信 度 
建设 ， 才 能 使 得 网 站 有 更 大 的 价值 ， 尤 其 对 于 产品 销售 的 价值 。 

(1) 域名 可 信 度 

一 是 域名 主体 的 选择 ， 最 好 能 选择 简单 易 记 好 理解 的 域名 内 容 ， 网 站 建设 如 果 能 选择 
与 企业 产品 、 服 务 相 关 的 域名 ， 会 更 容易 让 网 民 感 受到 专业 化 与 可 信 指 数 ， 二 是 域名 的 类 
型 ， 万 万 不 可 以 为 了 彰显 个 性 而 去 选择 一 个 不 常见 的 后 级 形式 域名 ， 调 查 数据 表明 绝 大 部 
分 网 民 更 愿意 接受 和 相信 常见 的 .com 后 缀 域名 。 
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(2) 设计 可 信 度 

网 站 的 设计 风格 与 设计 水 准 是 网 民 点 击 进入 网 站 后 第 一 眼 就 能 看 到 的 内 容 ， 因 此 一 个 
让 人 信任 的 网 站 建设 绝对 不 能 少 了 品牌 化 的 网 站 设计 水 准 。 网 站 设计 不 仅 精细 大 气 有 质 
感 , 更 要 充分 体现 出 行业 特色 , 还 要 传达 企业 的 价值 与 品牌 的 可 信 度 ,这 是 最 起 码 的 要 求 ， 
相信 应 该 不 会 有 哪 位 客户 在 看 不 到 可 信任 的 网 站 设计 内 容 的 前 提 下 就 决定 要 与 企业 合 
作 的 。 

(3) 内 容 可 信 度 

一 个 真正 的 潜在 客户 一 定 会 很 注意 去 阅读 网 站 当中 的 每 一 个 内 容 ， 因 此 网 站 建设 也 不 
能 少 了 有 价值 有 质量 的 内 容 填充 。 一 个 能 让 客户 信任 的 网 站 一 定 要 拥有 与 网 站 主题 相关 的 
内 容 ， 而 且 最 好 还 能 是 专业 的 观点 建议 ， 这 样 不 仅 可 以 让 客户 信任 企业 ， 还 能 让 企业 很 好 
地 展现 自己 的 专业 与 实力 。 另外 , 显示 明确 产品 价格 、 联系 方式 全 面 真实 (包括 400 和 800 
电话 )、 企 业 动 态 信息 时 效 性 以 及 售后 服务 承诺 也 都 是 企业 可 信 度 建设 不 可 缺少 的 内 容 。 
(4) 备案 可 信 度 
国家 信息 管理 局 已 经 开始 对 全 国 的 网 站 进行 大 幅度 的 清理 排查 ， 凡 是 没有 提供 相关 真 
实证 件 信息 进 行 备案 的 网 站 将 给 予 关闭 处 理 ， 因 此 一 个 网 站 有 没有 备案 信息 也 成 为 了 提高 
企业 网 站 可 信 度 的 参考 内 容 之 一 。 

(5) 运行 可 信 度 

没有 安全 合理 的 网 站 建设 后 台 程 序 ， 没 有 安全 稳定 的 服务 器 和 DNS 解析 系统 ， 没 有 
专业 的 网 站 建设 技术 人 员 进 行 安全 维护 管理 ， 很 可 能 会 成 为 网 络 黑客 的 攻击 对 象 ， 从 而 导 
致 网 站 无 法 正常 访问 ， 网 站 内 容 面目 全 非 等 ， 这 样 的 网 站 也 不 能 赢得 客户 的 信任 。 


UO.gs54 


.电子 商务 网 站 面临 的 安全 隐患 有 哪些 ? 

.新 形势 下 网 站 安全 问题 的 解决 有 哪些 方法 ? 请 举例 说 明 。 
.电子 商务 网 站 运营 管理 的 主要 内 容 有 哪些 ? 

简 述 电子 商务 运营 中 的 角色 及 岗位 职责 。 

.如 何 申请 “可 信 网 站 ”验证 服务 ? 

. 什么 是 SQL 注入 ? 如 何 进行 防范 ? 


> 


一 、 实 训 目 的 
1. 了 解 电 子 商务 网 站 的 “可 信和 网 站 ”验证 服务 。 


QO DD 一 
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2. 了 解 SQL 注入 防范 的 一 般 方 法 。 
二 、 实 训 内 容 


1. 访问 提供 可 信 网 站 服务 的 网 站 : 中 网 Chttp:/wwwknetcn/)， 了 解 申 请 “可 信 网 站 ?” 
服务 的 方法 和 步骤 。 

2. SQL 注入 的 防范 。 

(1) 本 地 运行 万 象 园 网 站 ， 并 进入 管理 员 后 台 入 口 (admin login.asp)， 不 使 用 管理 
员 的 用 户 名 和 密码 ， 而 将 用 户 名 和 密码 尝试 采用 ' or ' 进 行 登录 ， 观 察 结果 。 

(2) 在 后 台 登 录 相关 文件 中 加 入 以 下 程序 段 ， 防 范 SQL 注入 ， 并 进行 测试 。 


<% 
Sql_in="and |or |on lin |select linsert |lupdate |delete |exec |declare |" 
' 区 分 出 注入 字符 
Sql=Split(Sql_in,"l") 
IF Request.Form<>"" Then 
For Each Sql_Post In Request.Form 
For Sql_Data=0 To Ubound(Sql) 
IF Instr(Lcase(Request.Form(Sql_Post)),Sql(SqLData))<>0 Then 
Response.Write("<script>alert(' 系 统 提示 : 请 不 要 输入 非法 字符 尝试 注入 ,你 的 IP 已 记 
录 !");history.go(-1);</script>") 
Response.End() 
End IF 
Next 
Next 
End if 
%> 


(3) 为 第 9 章 中 的 “网 上 书店 ”的 后 台 登 录 相关 文件 加 入 上 述 程序 段 ， 以 防范 SQL 
注入 ， 并 进行 测试 。 
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fg 
[学 习 目标 】 
CD 了 解 电 子 商务 网 站 推广 的 重要 性 。 
@ 掌握 电子 商务 网 站 推广 的 主要 方式 。 
@ 熟悉 SEO 网 站 优化 的 主要 手段 。 
图 掌握 网 站 流量 的 统计 与 数据 分 析 的 使 用 。 


互联 网 的 应 用 和 繁荣 为 人 们 提供 了 广阔 的 电子 商务 市 场 和 商机 ， 但 是 互联 网 上 大 大 小 
小 的 各 种 网 站 数 以 千 万 计 。 茫 茫 网 海 ， 如 何 才 能 “突围 ”而 出 ? 对 企业 而 言 ， 成 功 的 关键 
因素 不 再 仅 是 建 一 个 好 的 电子 商务 网 站 ， 更 重要 的 是 如 何 让 客户 找到 你 ， 这 就 需要 借助 很 
多 方法 和 手段 来 解决 网 站 推广 这 个 重要 的 问题 。 


11.1 电子 商务 网 站 推广 的 重要 性 


1. 什么 是 网 站 的 推广 


网 站 的 推广 , 顾名思义 , 就 是 采取 一 定 的 策略 和 手段 , 把 你 的 网 站 推广 到 你 的 受众 目标 。 
其 目的 是 让 更 多 的 客户 知道 你 的 网 站 在 什么 位 置 ， 你 的 网 站 提供 哪些 产品 和 服务 等 信息 。 

【 例 11-1】 开心 网 的 成 功 推广 

开心 网 是 中 国 著名 的 社交 网 络 服务 网 站 。 根 据 Alexa 的 统计 ， 开 心 网 的 访问 量 已 经 进 
入 中 国 网 站 前 10 名。 事实 上 ， 开 心 网 提供 的 产品 并 不 新 鲜 ， 如 日 记 、 书 评 、 影 评 、 留 言 、 
评论 、 事 务 管理 、 网 络 硬盘 以 及 朋友 买卖 、 争 车 位 、 买 房子 等 互动 组 件 ， 大 多 都 是 从 国外 
大 牌 社交 网 站 借鉴 而 来 ,但 是 ,其 成 功 的 营销 手段 确 确实 实 是 赢家 的 范例 。 开 心 网 的 流行 ， 
并 没有 花 一 分 钱 进 行 广告 推广 ， 而 是 完全 依靠 病毒 式 营销 推广 。 通 过 与 MSN 合作 ， 开 心 
网 获得 了 MSN 的 用 户 数据 。 用 户 在 开心 网 注册 之 后 ，MSN 就 会 自动 发 送 邀 请 链接 给 其 
MSN 好 友 。 有 时 ，MSN 用 户 会 在 一 天 之 内 收 到 好 几 十 个 链接 ， 邀 请 其 进驻 开心 网 ， 直 到 
MSN 用 户 最 终 注册 。 一 旦 注册 ， 就 会 自动 成 为 下 一 个 传播 节点 。 靠 着 这 种 爆炸 式 的 病毒 
传播 营销 模式 ， 开 心 网 的 用 户 在 短 短 儿 个 月 内 呈 几 何 级 数 增长 。 


2， 网 站 推广 的 意义 
一 个 网 站 开发 完成 后 ， 并 不 意味 着 大 功 告 成 。 如 果 没 有 人 访问 ， 该 网 站 也 只 能 是 形 同 
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虚设 。 网 站 能 否 达到 预期 的 目标 ， 除 了 严谨 的 网 站 规划 、 完 善 的 网 站 建设 以 及 高 效 的 程序 
开发 之 外 ， 还 有 赖 于 周密 的 网 站 推广 计划 的 制订 和 实施 。 没 有 推广 的 网 站 就 像 一 个 孤岛 ， 
而 推广 就 是 让 孤岛 变 成 旅游 胜地 。 

网 站 推广 的 意义 主要 体现 在 以 下 两 个 方面 。 

一 方面 ， 网 站 推广 可 以 提高 网 站 的 流量 ， 更 多 的 人 可 以 很 轻易 地 从 网 络 上 找到 你 的 企 
业 ， 并 通过 你 的 企业 网 站 了 解 你 的 企业 ， 假 如 他 们 对 你 公司 提供 的 产品 或 者 服务 感 兴趣 ， 
就 会 通过 网 站 上 提供 的 联系 方式 做 更 进一步 的 了 解 ， 最 终 成 为 你 们 的 客户 。 

另 一 方面 , 可 以 提高 企业 的 知名 度 ， 从 而 展示 企业 形象 ,宣扬 企业 品牌 和 产品 。 所 以 ， 
做 网 站 推广 有 利于 提高 企业 的 经 济 效 益 ， 而 且 相对 于 传统 的 推广 ， 网 站 推广 更 经 济 ， 收 效 
更 显著 。 

总 之 ， 网 站 建 好 了 ， 一 定 要 进行 推广 ， 不 推广 不 如 不 建站 。 只 有 行 之 有 效 、 坚 持 不 懈 
的 推广 才 会 让 网 站 真正 带 来 效益 。 

3， 制订 网 站 推广 计划 


网 站 推广 计划 至 少 应 包括 3 个 方面 的 基本 内 容 。 

(1) 阶段 目标 。 认 清 自己 的 站 点 目前 的 状况 ， 例 如 日 IP 多 少 ，PV 如 何 ， 用 户 是 通 
过 什么 关键 词 访问 的 ， 以 及 网 站 世界 排名 等 参数 都 可 以 用 来 参考 ， 虽 然 这 些 并 不 是 绝对 的 
准确 ， 但 至 少 可 以 对 自己 的 站 有 个 大 致 的 了 解 。 然 后 就 是 希望 推广 之 后 达到 的 目标 ， 如 卫 
达到 多 少 、 排 名 如 何 ， 搜 索 的 收录 页 面 、 链 接 数 及 注册 用 户 数量 等 。 流 量 统计 系统 可 采用 
51.la 和 CNZZ 等 统计 软件 ， 定 期 进行 流量 统计 和 分 析 。 

(2) 推广 方法 。 具 体 的 推广 方法 将 在 11.2 节 介绍 。 有 时 各 方法 结合 起 来 使 用 效果 会 
好 一 些 ， 有 时 分 开 效 果 却 比较 好 。 最 好 详细 列 出 各 个 阶段 的 具体 网 站 推广 方法 ， 如 登录 搜 
索引 擎 的 名 称 、 网 络 广告 的 主要 形式 和 媒体 选择 、 人 工 宣传 推广 等 需要 投入 的 费用 和 资 
源 等 。 

(3) 效果 评价 。 一 段 时 间 的 推广 和 宣传 ， 效 果 怎 么 样 要 做 总 结 和 评价 。 网 站 的 推广 
不 能 盲目 进行 ， 需 要 进行 效果 跟踪 和 控制 ， 以 便 更 好 地 改进 方法 ， 达 到 更 好 的 效果 。 


11.2 ”电子 商务 网 站 推广 的 方式 


网 站 的 推广 方法 有 很 多 ， 下 面 介绍 一 下 主要 的 推广 方法 。 
1， 注 册 到 搜索 引 掌 


网 站 建设 好 后 , 首要 之 事 就 是 立刻 让 搜索 引擎 知道 有 这 么 一 个 网 站 诞生 , 及 早 地 登录 ， 
给 予 搜索 引擎 足够 的 时 间 来 认识 你 的 新 网 站 。 经 权威 机 构 调查 ， 全 世界 85% 以 上 的 互联 网 
用 户 采 用 搜索 引擎 来 查找 信息 ， 而 通过 其 他 推广 形式 访问 网 站 的 ， 占 不 到 15%。 这 就 意味 
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着 当今 互联 网 上 最 为 经 济 、 实 用 和 高 效 的 网 站 推广 形式 就 是 注册 到 搜索 引擎 。 目 前 比较 著 
名 的 搜索 引擎 主要 有 百度 (http://www.baidu.com)、 雅 虎 (http://www.yahoo.com.cn)、 众 歌 
(http://www.google.com.hk) 等 。 
以 向 百度 进行 网 站 提交 为 例 ， 步 又 如 下 。 
(1) 登录 入 口 网 址 为 http://www.baidu.com/search/url submit.html。 如 图 11-1 所 示 为 
百度 网 站 登录 页 面 。 


网 站 登录 


( 例 ; http://wev. baidu. con) 
http:// 
请 输入 验证 到。 [SGGH] [EE 


图 11-1 百度 网 站 登录 页 面 


(2) 在 文本 框 中 输入 要 注册 的 网 站 网 址 和 验证 码 ， 单 击 【 提 交 网 站 】 按 钮 即 可 。 符 
合 相关 标准 的 提交 的 网 址 ， 一 般 会 在 1 个 月 内 按 百 度 搜索 引擎 收录 标准 被 处 理 。 

注册 到 其 他 搜索 引擎 的 方法 大 致 相同 。 有 的 搜索 引擎 如 Google 在 网 站 登录 时 还 需要 
填写 一 些 其 他 信息 ， 如 关键 字 或 网 页 描述 等 。 

2 交换 友情 链接 


交换 友情 链接 是 宣传 网 站 的 一 种 较为 有 效 的 方法 ， 有 些 情况 下 一 个 友情 链接 的 作用 相 
当 于 很 多 论坛 外 链 的 作用 ， 可 明显 地 提升 网 站 权重 或 是 关键 词 排 名 。 友 情 链 接 包括 文字 链 
接 和 图 像 链 接 。 文 字 链 接 一 般 就 是 公司 的 名 字 ， 图 像 链接 包括 LOGO 链接 和 Banner 链接 。 
LOGO 和 Banner 的 制作 和 广告 条 一 样 ， 也 需要 仔细 考虑 怎么 样 去 吸引 客户 的 单 击 。 如 果 
人 允许 的 话 ,尽量 使 用 图 像 链 接 , 将 图 像 做 成 GIF 格式 或 者 Flash 动画 ,将 公司 的 CI(Corporate 
Identity， 企 业 形象 识别 ) 体现 其 中 ， 让 客户 印象 深刻 。 
通过 以 下 几 个 方面 可 以 判断 友情 链接 的 质量 。 
(1) 友情 链接 页 面 的 PR 值 。 一 般 来 说 ， 网 站 都 倾向 于 链接 价值 高 的 其 他 网 站 。 
(2) 友情 链接 网 站 与 自己 网 站 的 相关 性 。 这 个 是 搜索 引擎 非常 看 重 的 一 点 ， 如 果 你 
的 网 站 是 一 个 化 妆 品 网 站 ， 而 对 方 网 站 是 一 个 重型 机 械 的 网 站 ， 那 么 效果 不 会 太 好 。 
(3) 友情 链接 页 面 导出 链接 的 数量 。 如 果 对 方 做 了 太 多 的 友情 链接 ， 效 果 势 必 会 
下 降 。 
(4) 友情 链接 页 面 的 内 容 更 新 量 。 如 果 友 情 链 接 页 面 的 内 容 经 常 更 新 ， 搜 索引 擎 经 
常 来 抓 取 这 个 页 面 ， 那 么 效果 就 比较 好 。 如 果 是 一 个 单独 的 友情 链接 页 面 ， 基 本 没有 什么 
内 容 更 新 ， 效 果 就 比较 差 。 
(5) 看 友情 链接 网 站 的 Alexa 排名 、 收 录 量 、 外 链 数 等 。 


277 


电子 商务 网 站 建设 与 管理 (第 2 版 ) 

3. 专业 论坛 宣传 

互联 网 上 各 种 各 样 的 论坛 都 有 ， 推 广 时 可 找 一 些 和 公司 产品 相关 并 且 访 问 人 数 比较 
多 、 每 天 的 发 帖 量 要 大 的 一 些 专业 论坛 。 只 有 在 这 样 的 论坛 留 外 链 ， 才 更 有 可 能 被 搜索 引 
擎 认为 是 有 效 的 外 链 。 注 册 登 录 并 在 论坛 中 输入 公司 一 些 基本 信息 ， 如 网 址 、 产 品 等 。 

论坛 留 外 链 也 有 几 种 方式 ， 分 别 是 “在 主 帖 中 留 外 链 ”“ 在 回复 中 留 外 链 ” 和 “在 签 
名 中 留 外 链 ”。 如 果 是 在 主 帖 中 留 外 链 ， 最 好 是 采用 软文 的 形式 ， 因 为 直接 发 广告 是 很 容 
易 被 论坛 版 主 删除 的 。 在 回复 中 留 外 链 ， 一 定 要 回复 一 些 有 价值 的 内 容 再 附 上 外 链 ， 千 万 
不 要 只 回复 广告 信息 ， 这 样 也 是 容易 被 删除 的 。 此 外 ， 签 名 中 留 外 链 也 是 一 种 非常 好 的 留 
外 链 方式 ， 通 常 不 会 被 删除 。 


4. 博客 与 微 博 推广 


做 博客 与 微 博 推广 ， 首 先 要 在 新 浪 、 网 易 、 搜 狐 、 阿 里 巴巴 等 各 大 网 站 同时 建立 博客 
与 微 博 ， 加 入 这 些 网 站 的 相关 博客 圈子 进行 推广 。 要 站 到 用 户 角度 、 行 业 角 度 来 有 计划 地 
撰写 和 发 布 软文 、 积 累 人 气 ， 促 使 每 篇 软文 都 能 够 被 各 种 网 站 转 摘 发 布 ， 以 达到 最 好 的 效 
果 。 另 外 ， 要 提高 博客 的 权重 ， 就 应 该 保持 博客 的 更 新 频率 。 如 果 能 坚持 每 天 更 新 一 篇 文 
章 ， 不 用 半年 ， 这 个 博客 的 权重 就 能 提升 起 来 。 博 客 的 文章 最 好 围绕 一 个 大 的 主题 ， 并 且 
这 个 主题 与 我 们 链接 到 的 网 站 内 容 相关 ， 这 样 ， 会 对 我 们 要 推广 的 网 站 有 很 好 的 效果 。 


S， 信 息 发 布 推广 


将 有 关 的 网 站 推广 信息 发 布 在 其 他 潜在 用 户 可 能 访问 的 网 站 上 ， 利 用 用 户 在 这 些 网 站 
获取 信息 的 机 会 实现 网 站 推广 的 目的 ， 适 用 于 这 些 信息 发 布 的 网 站 包括 在 线 黄页 、 分 类 广 
告 、 供 求 信息 平台 、 行 业 网 站 等 。 信 息 发 布 是 免费 网 站 推广 的 常用 方法 之 一 ， 尤 其 在 互联 
网 发 展 早期 ， 网 上 信息 量 相对 较 少时 ， 往 往 通过 信息 发 布 的 方式 即 可 取得 满意 的 效果 。 

6， 利 用 线 下 、 传 统 媒体 或 网 络 广告 进行 推广 


公司 印刷 品 如 信 签 、 名 片 、 礼 品 包 装 都 要 印 上 网 址 名 称 。 让 客户 在 记 住 公司 名 字 或 个 
人 职位 的 同时 ， 也 看 到 并 记 住 网 址 。 

报纸 与 电视 是 使 用 传统 方式 宣传 网 站 的 最 佳 途径 。 

网 络 广告 最 常见 的 表现 方式 是 图 片 广告 ， 如 各 门户 站 点 主页 上 部 的 横幅 广告 。 对 于 一 
个 电子 商务 网 站 , 客流 的 质量 和 客流 的 流量 一 样 重要 。 广告 投放 要 选择 的 媒体 非常 有 讲究 ， 
首先 ， 你 要 了 解 自己 的 潜在 客户 是 哪 类 人 群 ， 他 们 有 什么 习惯 ， 然 后 寻找 他 们 出 没 频率 比 
较 高 的 网 站 进行 精准 广告 投放 。 也 许 价 格 高 些 ， 但 是 它 给 你 带 来 的 客户 质量 比较 高 ， 所 以 
给 你 带 来 的 收益 也 比较 高 。 

7. 病毒 性 营销 推广 

病毒 性 营销 方法 并 非 传播 病毒 ， 而 是 利用 用 户 之 间 的 主动 传播 ， 让 信息 像 病毒 那样 扩 
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散 ， 从 而 达到 推广 的 目的 ， 病 毒性 营销 方法 实质 上 是 在 为 用 户 提供 有 价值 的 免费 服务 的 同 
时 ， 附 加 上 一 定 的 推广 信息 。 


8 E-mail 推广 


即 以 电子 邮件 为 主要 的 网 站 推广 手段 ， 常 用 的 方法 包括 电子 刊物 、 会 员 通信 、 专 业 服 
务 商 的 电子 邮件 广告 等 。 这 种 方式 是 最 为 经 济 的 推广 方式 之 一 。 

基于 用 户 许可 的 E-mail 营销 与 滥 发 邮件 不 同 , 许可 营销 比 传统 的 推广 方式 或 未 经 许可 
的 E-mail 营销 具有 明显 的 优势 , 例如 可 以 减少 广告 对 用 户 的 滋 扰 、 增 加 潜在 客户 定位 的 准 
确 度 、 增 强 与 客户 的 关系 、 提 高 品牌 忠诚 度 等 。 


9， 竞价 排名 服务 


搜索 引擎 竞价 排名 服务 可 将 你 的 网 站 排 在 搜索 结果 前 列 。 如 最 为 著名 的 百度 竞价 排 
名 ， 特 点 是 按 点 击 付费 ， 推 广 信息 出 现在 搜索 结果 中 《一般 是 靠 前 的 位 置 )， 如 果 没有 被 
用 户 点 击 ， 则 不 收取 推广 费 。 


10. 网 站 联盟 式 推广 


网 站 联盟 ,通常 指 网 络 联盟 营销 ，1996 年 起 源 于 亚马逊 (Amazon.com)。 Amazon 通 
过 这 种 新 方式 ， 为 数 以 万 计 的 网 站 提供 了 额外 的 收入 来 源 。 本 质 上 来 说 是 一 种 按 效 果 付 费 
的 网 络 广告 形式 ， 即 在 自己 网 站 上 投放 广告 ， 当 访问 者 产生 一 定 的 行为 (如 点 击 广告 、 下 
载 程序 、 注 册 会 员 、 实 现 购买 等 ) 之 后 ， 根 据 这 种 行为 而 获得 广告 主 支付 的 佣金 。 联 盟 的 
宗旨 是 : 优势 联盟 、 资 源 共享 、 信 息 互 通 、 共 同 发 展 。 

【 例 11-2】 凡客诚 品 (VANCL) 的 CPS 联盟 合作 模式 (如 图 11-2 所 示 ) 


Er 


= CPS ware 
Pr 博 帮 的 网 站 链 搜 
和 
ED 1 16% 谍 
网 络 店铺 的 商品 代销 20 可 
她 一 网 
民 用 户 通过 您 的 广告 用 户 购物 成 功 后 获得 16% 的 仇 金 
F 进入 凡客诚 品 购物 


校园 代理 的 校园 蕉 广 


图 11-2 ”凡客诚 品 的 CPS 联盟 合作 模式 


VANCL 联盟 是 按照 CPS ( Cost Per Sales， 有 效 销售 额 分 成 ) 的 模式 计 费 。 网 站 站 长 可 
免费 加 入 联盟 ， 在 后 合 自助 获取 广告 代码 ， 放 置 到 个 人 网 站 或 博客 上 推广 VANCL 产品 ， 
并 根据 用 户 的 实际 消费 情况 获得 广告 收益 分 成 。 据 了 解 ， 目 前 VANCL 联盟 的 基本 分 成 比 
例 高 达 16%，VANCL 按照 有 效 销售 额 的 15% 支 付 推广 费用 给 联盟 会 员 ， 随 着 互联 网 购物 
人 群 的 迅速 增长 ， 点 击 广告 到 购买 的 比率 也 在 随 之 增加 ， 单 张 订单 平均 佣金 就 能 达到 数 十 
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元 。 据 凡客诚 品 负责 网 站 联盟 的 相关 负责 人 介绍 ， 截 至 2010 年 12 月 ， 有 近 百 家 第 三 方 联 
盟 平台 、 近 10 万 家 网 站 、 博 客 、 网 店 、3 000 多 名 校园 代理 加 入 VANCL 联盟 ， 按 照 CPS 
模式 推广 VANCL 产品 ， 实 现 了 互利 共 赢 。 
网 站 加 盟 及 合作 步骤 如 下 。 
(1 ) 注册 联盟 会 员 。 网 址 为 http:/union.vanclcomy/register webtype.aspx?type=website。 
(2 ) 邮箱 激活 会 员 账 号 。 
(3 ) 登录 联盟 会 员 账号 ， 单 击 里 面 的 【轻松 链 】 
(4 ) 将 相关 图 片 下 面 的 代码 复制 粘贴 到 自己 的 网 站 代码 中 。 
(5 ) 待 广告 图 片 显示 在 你 的 网 站 中 ， 单 击 所 带 链接 里 带 有 你 的 联盟 账号 名 称 ， 即 代 
表 广 告 添加 成 功 。 
(6 ) 等 待 凡 客 联盟 结 款 即 可 。VANCL 将 从 你 的 链接 带 来 的 15% 可 提成 销售 金额 支付 
佣金 。 
资料 来 源 : 凡客诚 品 网 站 


总 之 ， 推 广电 子 商务 网 站 是 一 个 长 期 性 的 过 程 ， 每 个 网 站 也 都 有 自己 的 特点 ， 所 以 ， 
在 选择 推广 方法 时 ， 要 选择 适合 自己 的 网 站 推广 方法 。 


11.3 ”电子 商务 网 站 的 优化 


Baidu、Google、Yahoo 等 搜索 引擎 给 网 站 带 来 的 流量 是 非常 明显 的 ， 最 简单 的 方法 就 
是 在 各 大 搜索 引擎 进行 网 站 登录 。 但 是 要 想 获得 好 的 排名 ， 就 要 付 一 定 的 费用 。 收 费 方式 
包括 固定 排名 、 竞 价 排名 等 。 

如 果 不 想 出 钱 还 想 获得 较 好 的 排名 ， 那 么 就 需要 根据 各 个 搜索 引擎 的 特点 优化 一 下 自 
己 的 网 站 。 


11.3.1 SEO 优化 技术 简介 


1，SEO 定义 


搜索 引擎 优化 (Search Engine Optimization，SEO) 是 指 为 了 提升 网 页 在 搜索 引擎 自然 
搜索 结果 中 〈 非 商业 性 推广 结果 ) 的 收录 数量 以 及 排序 位 置 而 做 的 优化 行为 ， 这 一 行为 的 
目的 ， 是 为 了 从 搜索 引擎 中 获得 更 多 的 免费 流量 ， 以 及 更 好 的 展现 形象 。 


2. SEO 与 SEM 的 关系 
SEM (Search Engine Marketing)， 即 搜索 引擎 营销 ， 就 是 根据 客户 使 用 搜索 引擎 的 习 


惯 ， 在 客户 通过 搜索 引擎 检索 信息 的 时 候 ， 尽 可 能 将 企业 的 营销 信息 显示 在 突出 位 置 ， 有 
效 传递 给 目标 用 户 ， 从 而 引起 客户 关注 ， 促 进 客户 认 知 、 达 成 交易 的 活动 。 
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从 概念 上 来 讲 ， 搜 索引 擎 优化 SEO 是 SEM 的 一 部 分 。SEO 是 基于 自然 搜索 排名 的 优 
化 ， 属 于 免费 。 而 SEM 除了 SEO， 还 包括 了 搜索 引擎 竞价 的 内 容 ， 属 于 付费 。 人 们 更 多 
习惯 于 将 SEM 理解 为 这 种 狭义 上 的 付费 竞价 营销 。 

从 应 用 上 来 区 分 ，SEM 与 SEO 优 缺 点 及 相应 费用 可 用 表 11-1 表示 , 一 般 而 言 ， 对 于 
广告 预算 充裕 , 要 求 回报 周期 短 的 企业 可 以 尝试 搜索 引擎 优化 ; 对 回报 周期 没有 紧急 要 求 ， 
有 相关 人 员 的 企业 可 以 采取 搜索 引擎 优化 。 

表 11-1 搜索 引擎 竞价 和 搜索 引擎 优化 比较 


搜索 引擎 竞价 搜索 引擎 优化 
付费 排名 靠 前 通过 满足 搜索 引擎 工作 规律 排名 靠 前 
见效 快 ， 但 缺乏 稳定 性 见效 周期 长 ， 一 般 1 一 3 个 月 ， 稳 定 
费用 可 观 要 有 专业 的 操作 人 员 


CPC， 按 点 击 付费 


一 般 而 言 ， 企 业 的 搜索 引擎 竞价 推广 都 出 现在 对 应 搜索 引擎 前 面 的 结果 中 ， 带 有 “ 推 
广 链接 ”或 “赞助 商 链接 ”等 字样 。 但 由 于 搜索 引擎 的 不 同 其 结果 又 各 有 差异 。 

如 图 11-3 所 示 ， 百 度 竞 价 推广 出 现在 搜索 结果 左 侧 前 面 位 置 及 右 侧 位 置 ， 带 有 “推广 
链接 ”的 字样 。 同 时 ， 百 度 竞价 推广 信息 还 可 能 出 现在 百度 贴吧 、 百 度 知道 栏目 的 右 侧 以 
及 出 现在 百度 联盟 网 站 上 。 而 带 有 “百度 快照 ”字样 的 内 容 则 是 自然 搜索 排名 的 结果 ， 是 
免费 的 。 


概念 
优点 


om 
alWE | on 
FRR 新 闻 贴吧 知道 音乐 图 片 视频 地 图 文库 更 多» 
回 找 阁 门 就 上 必 诊 -精准 B26 平 台 search tz25.cn ” 


产品 性 能 、 南 止 | 导演 | 稳 压 | 更 多 
产品 类 型 载 邮 闪 | 育 主 英 | 特 导 月 好 类 | 更 名 


河北 阀门 首先 光大 阀门 . 质 优 价 亏 行 业 领 先 = 大 口径 阅 门 www ygdim com -Vv 
光大 河北 商 门 知名 河北 阅 门 注重 信 光 , 服 苍 属 到 .将 i0319.6581802 


凋 门 一 达 柏 林 福 门 制造 有 限 公司 www double-in com - Wi 
浙江 达 柏 林 阅 门 有 限 公司 专业 生产 阅 门 I 电话 -13967661021 
品牌 之 一 ww blgi com - Vs 


上 海良 工 往 门 国家 二 级 企 业 - 工 杂 为 国内 闻 门 型 号 
上 海良 工 间 门 三 为 加 地 机 械 部 的 重点 骨干 单位 上海 基 名 企业 是 具有 六 十 多 年 设计 . 


国门 百度 百科 


辣 门 (femen ) 是 六 体 畦 送 系 统 中 的 控制 部 件 ， 具 有 截止 、 调 节 、 导 

目送 流 , 稳 压 、 分: 等 力 能 用 于 流体 控制 系统 的 
宝 义 分 类 国内 再 扰 安 丢 注意 >> 
baika baidu com/ 2015-03-14 ~ 


IG 沪 工 阁 门 上 海 名 此 上 海 
止 凋 、 球 辣 、 紧 困 、 水 力 


图 11-3 百度 竞价 推广 与 自然 搜索 排名 结果 
SEO 是 SEM 成 本 最 低 的 一 种 手段 ，SEM 是 网 站 推广 的 一 种 方法 。 而 网 站 推广 又 是 网 


281 


电子 商务 网 站 建设 与 管理 (第 2 版 ) 
络 营销 的 一 种 方式 ， 是 网 站 运营 的 重要 的 一 部 分 。 当 然 ， 我 们 可 以 通过 很 多 其 他 的 形式 对 
网 站 进行 推广 ， 但 SEO 是 网 站 推广 的 一 个 利器 ， 相 对 成 本 最 低 ， 效 果 最 持久 。 

3 SEO 的 重要 性 


站 点 访问 量 的 第 一 来 源 是 搜索 引擎 ， 搜 索引 擎 是 目前 为 止 用 户 寻 找 信息 、 产 品 、 服 务 
的 最 主要 的 方式 。 搜 索引 擎 优化 作为 网 站 推广 的 一 种 方式 较 其 他 形式 的 线 上 或 线 下 营销 模 
式 而 言 是 投资 回报 率 最 好 的 。 传 统 的 广告 形式 只 是 将 你 的 产品 或 服务 给 潜在 客户 带 来 一 种 
视觉 冲击 ， 然 而 搜索 引擎 却 能 给 你 真正 带 来 买 家 。 因 此 搜索 引擎 优化 可 以 说 是 目前 最 好 的 
网 站 推广 方式 。 所 以 ， 当 一 个 企业 的 网 站 在 搜索 引擎 中 表现 不 好 时 ， 就 无 法 让 你 的 客户 快 
速 找到 你 的 企业 网 站 ， 也 就 意味 着 客户 的 流失 。 


11.3.2 ”SEO 优化 的 两 个 关键 因素 


影响 搜索 引擎 自然 搜索 结果 排名 的 因素 有 很 多 ， 例 如 用 户 搜 索 词 与 网 页 内 容 的 相关 
性 、 网 页 之 间 的 链接 权重 、 关 键 词 的 密度 以 及 用 户 的 体验 等 。 利 用 诸多 因素 的 综合 分 析 进 
行 网 页 排名 ， 每 个 搜索 引擎 都 有 自己 的 一 套 算法 流程 实现 ， 并 且 这 个 算法 也 一 直 在 改进 与 
完善 。 主 流 的 搜索 引擎 不 再 是 以 链接 分 析 为 中 心 ， 而 是 以 用 户 体验 为 中 心 。 在 正常 的 内 容 
相关 性 判断 和 链接 分 析 基 础 上 ， 网 页 的 用 户 体验 对 于 搜索 排名 的 影响 越 来 越 大 。 

下 面 以 百度 搜索 引擎 为 例 ， 介 绍 搜索 引擎 的 优化 的 关键 因素 。 


1.， 网 页 质量 的 3 个 维度 


2014 年 8 月 ,《 百 度 搜索 引擎 网 页 质量 白皮书 》( 以 下 简称 《白皮书 》) 上 线 ,《 白 皮 书 》 
中 冰 述 了 网 页 质量 是 一 个 网 页 满足 用 户 需求 能 力 的 衡量 ， 是 搜索 引擎 确定 结果 排序 的 重要 
依据 。 在 网 页 资源 内 容 与 用 户 需求 有 相关 性 的 基础 上 ， 内 容 是 否 完整 、 页 面 是 否 美观 、 对 
用 户 是 否 友好 、 来 源 是 否 权威 专业 等 因素 ， 共 同 决定 着 网 页 质量 的 高 低 。 百 度 搜索 引擎 综 
合用 户 对 不 同 网 页 的 实际 感受 ， 制 定 了 一 套 评 判 网 页 质量 的 标准 ， 基 于 这 个 标准 ， 在 百度 
搜索 的 收录 、 排 序 、 展 现 环境 进行 调整 ， 给 高 质量 的 网 页 更 多 的 收录 、 展 现 机 会 ， 同 时 对 
一 些 影响 用 户 体验 、 欺 骗 搜 索引 擎 的 恶劣 低 质 网 页 进行 打压 。 

百度 搜索 引擎 在 衡量 网 页 质量 时 ， 会 从 以 下 3 个 维度 综合 考虑 打分 。 

(1) 内 容 质量 

网 页 主体 内 容 是 网 页 的 价值 所 在 ， 是 满足 用 户 需求 的 前 提 基 础 。 百 度 搜 索引 擎 评价 网 
页 内 容 质量 主要 看 其 主体 内 容 的 好 坏 ， 以 及 主体 内 容 是 否 可 以 让 用 户 满意 。 

不 同类 型 网 页 的 主体 内 容 不 同 ， 百 度 搜索 引擎 判断 不 同 网 页 的 内 容 价值 时 ， 需 要 关注 
的 点 也 有 区 别 ， 例 如 以 下 方面 。 

”首页 : 导航 链接 和 推荐 内 容 是 否 清晰 、 有 效 。 

小 ”文章 页 ! 能 否 提供 清晰 完整 的 内 容 ， 图 文 并 茂 更 佳 。 

小 ”商品 页 是 否 提供 了 完整 真实 的 商品 信息 和 有 效 的 购买 入 口 。 


282 


第 11 章 电子 商务 网 站 的 推广 
小 ”问答 页 : 是 否 提供 了 有 参考 价值 的 答案 。 
小 ”下载 页 是 否 提供 下 载 入 口 ， 是 否 有 权限 限制 ， 资 源 是 否 有 效 。 
小 ”搜索 结果 页 : 搜索 出 来 的 结果 是 否 与 标题 相关 。 
下 面 看 几 个 网 页 实际 案例 。 
【 例 11-3】 几 个 内 容 质量 好 的 网 页 
(1) 专业 医疗 网 站 发 布 的 医疗 专题 页 面 ( 如 图 11-4 所 示 ) 
好 大 夫 在 线 于 1 3 9k, mi 和 
机 | 找 A 夫 : EE CE JE IC 


情 的 建议 ,而 条 


sr 
二 和 主人 本 
2 a 


hn 四 分 光 | 到 主任 B 
my 


了 9 可 时 和 肖 多 直人 


CR 人 二 主任 本 
Bry 


i A >> 


血糖 升 高 ,应 如 何 检查 ? 村 认可 通话 二 宣 
发现 的 衬 卫 自 本 这 ， 折 全 过 桥 刘 一步 和 从 ph #5 2 主人 
区 和 上 酒 瑞 宇 要 院内 分 光 科 
和 I 
IRENE 0%. fom om Pree 


图 11-4 专业 医疗 网 站 发 布 的 医疗 专题 页 面 


(转自 http://www.haodf.com/zhuanjiaguandian/haodf 587089684.htm ) 
(2 ) 京东 的 一 个 有 效 的 商品 购买 页 面 ( 如 图 11-5 所 示 ) 


‘Daurs 


x 


~ 有 并 ,和 | 


HS 


国王 加 入 购物 车 Ses 


RA: oon 2 名 尖 语 


11-5 京东 的 一 个 有 效 的 商品 购买 页 面 
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(转自 http:Witem jd.com/876668.html ) 
(3 ) 一 个 百度 知道 页 面 (如 图 11-6 所 示 ) 


人 @ viookup 函 数 便 用 方法 ， 讲 的 通俗 一 点 


sa 加 回国 四 因 量 


® 提问 者 采纳 i | 20110905 0953 


要 输出 的 内 容 位 于 
ET re 查找 范围 的 第 几 列 ? 


as VLOOKUP(G L3310.E13 2.0) 
二 者 true 精确 区 本 


11-6 一 个 百度 知道 页 面 


分 析 : 百度 搜索 引擎 认为 内 容 质 量 好 的 网 页 具有 以 下 特点 。 
花费 了 较 多 时 间 和 精力 编辑 ， 倾 注 编者 的 经 验 和 专业 知识 。 
内 容 清晰 、 完 整 且 丰富 。 
资源 有 效 且 优质 信息 真实 。 
安全 无 毒 。 
不 含 任何 作弊 行为 和 意图 ， 对 用 户 有 较 强 的 正 收益 。 

对 这 部 分 网 页 ， 百 度 搜索 引擎 会 提高 其 展现 在 用 户 面前 的 几率 。 

(2) 浏览 体验 

不 同 质量 的 网 页 带 给 用 户 的 浏览 体验 会 有 很 大 差距 ， 一 个 优质 的 网 页 给 用 户 的 浏览 体 
验 应 该 是 正 向 的 。 用户 希 望 看 到 干净 、 易 阅读 的 网 页 ， 排 版 混乱 、 广 告 过 多 会 影响 用 户 对 
网 页 主体 内 容 的 获取 带 来 难度 。 在 百度 搜索 引擎 网 页 质量 体系 中 ， 用 户 对 网 页 主体 内 容 的 
获取 成 本 与 浏览 体验 成 反比 ， 即 获取 成 本 越 高 ， 浏 览 体验 越 低 。 面 对 内 容 质量 相近 的 网 
页 ， 浏览 体验 佳 者 更 容易 获得 更 高 的 排 位 ， 而 对 于 浏览 体验 差 的 网 页 ， 百 度 搜 索引 擎 会 视 
情况 降低 其 展现 的 几率 甚至 拒绝 收录 。 

影响 用 户 浏览 体验 好 坏 的 因素 很 多 ， 目 前 百度 搜索 引擎 主要 从 内 容 排版 、 广 告 影响 两 
方面 对 网 页 进行 考量 。 

用 户 进入 网 页 第 一 眼看 到 的 就 是 内 容 排版 ， 排 版 决定 了 用 户 对 网 页 的 第 一 印象 ， 也 决 
定 了 用 户 对 内 容 获取 的 成 本 。 


可 可 有 有 有 
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网 站 的 生存 发 展 需要 资金 支持 ， 百 度 搜 索引 擎 对 网 页 上 放置 正当 广告 持 支 持 态 度 。 
网 页 应 该 以 满足 用 户 需求 为 主旨 ， 最 佳 状态 即 “主体 内 容 与 广告 一 起 满足 用 户 需求 >， 而 
不 应 让 广告 成 为 网 页 主体 。 


下 面 通过 举例 来 感受 一 下 百度 搜索 引擎 是 如 何 对 网 页 的 浏览 体验 进行 分 类 的 。 


【 例 11-4】 几 个 浏览 体验 好 的 网 页 
(1) 一 个 招聘 网 站 页 面 ( 如 图 11-7 所 示 ) 


TE 


pr oe 选择 城市 “手机 冰 取 
AT ce | 首页 国有 


十 二 让 基 E 痢 上 雹 广州 溯 州 天 津 大 过 次 阳 水 商 石家庄 即 利 唐山 保定 委 择 品 尖 博 囊 坊 帆 各 。 更 务 


工 运 择 肥 位 


Ei 下 训 语 


QQ E44 了 赤 各 广 


中 国信 托 业 保障 基金 有 限 责任 公司 sa 


ED © 直下 4 | 


公 EE ja 
HSBC OD 汇丰 1 区 羽 让 基 丰 归公 届 | 汪 和 


城市 导航 AjiLejiLcjiLojiLeILe Lm [wi el [ol laf [lsT I wix] Lr [Lz 


图 11-7 一 个 招聘 网 站 页 面 


分 析 : 招聘 、 房 产 等 网 站 首页 也 有 很 多 广告 ， 但 都 是 与 招聘 或 房产 相关 的 ， 因 此 ， 浏 
览 体验 是 没有 问题 的 。 

(2 ) 一 个 商业 资讯 网 站 的 文章 页 ( 如 图 11-8 所 示 ) 

分 析 : 案例 中 的 文章 页 面 布局 合理 ， 无 广告 ， 排 版 好 ， 结 构 合 理 。 用 户 需 要 的 内 容 占 
据 网 页 最 重要 的 位 置 ， 广 告 不 抢占 主体 内 容 位 置 ， 不 阻碍 用 户 对 主要 内 容 的 获取 ， 用 户 浏 
览 体验 是 良好 的 。 

相反 地 ， 有 些 站 点 页 面 布 局 和 广告 放置 影响 了 用 户 对 主体 内 容 的 获取 ， 提 高 了 用 户 获 
取信 息 的 成 本 ， 令 用 户 反 感 。 如 : 


» 


» 
» 
» 


正文 内 容 不 换行 或 不 分 段 ， 用 户 阅 读 困难 。 
字体 和 背景 颜色 相近 ， 内 容 辨 别 困难 。 
页 面 布 局 不 合理 ， 网 页 首 屏 看 不 到 任何 有 价值 的 主体 内 容 。 


广告 遮挡 主体 内 容 ; 或 者 在 通用 分 辩 率 下 ， 首 屏 都 是 广告 ， 看 不 到 主体 内 容 。 
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给 创业 者 提 个 醒 : 做 产品 就 像 谈 恋爱 ， 别 逼 用 户 爱 你 eR 


权 了 XpOY 作 


自 
虎 嗅 

本 同 量 活路 认 证 作 才 

全 
于 一 
入 

者 ,但 难免 出 有 些 不 符 溢 的 训 业 寿 ， 前 后 反 铁 约 是 很多 创业 1 
秋 下 里 我 由 限 舌 投资 的 朋友 有 过 问 望 分 闻 测 来 演 创业 震 多 担 几 个 醒 , 少 意 
让 用 户 掀 弃 兖 品 选择 你 ， 不 可 昔 代 性 很 王 要 

Ey ba 
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在 信息 板 谋 对 你 的 今天 ， 大 多 数 创 业者 部 针 - 邹 忘 初 心 , 国 归 产品 -当成 六条 ， 所 以 不 管 是 在 人 员 配 置 还 时 
ti 了 用 户 -过关 乐 败 IIH 荐 ， 指 基 着 单 点 实 


经 营 思 路 上 ， 对 产品 、 执 术 的 这 求 痢 夫 现 得 淋 顺 忆 : 


图 11-8 一 个 商业 资讯 网 站 的 文章 页 


弹 窗 广告 过 多 。 
影响 阅读 的 浮动 广告 过 多 。 
单 击 链接 时 ， 出 现 预 期 之 外 的 弹 窗 。 

省 “广告 与 内 容 混淆 ， 不 易 区 分 。 

(3) 可 访问 性 

用 户 希 望 快速 地 从 搜索 引擎 获取 到 需要 的 信息 ， 搜 索引 擎 尽 可 能 为 用 户 提供 能 一 次 性 
直接 获取 所 有 信息 的 网 页 结果 。 对 于 不 能 直接 获取 到 主体 内 容 的 网 页 , 对 用 户 是 不 友好 的 ， 
搜索 引擎 会 调整 其 展现 几率 。 

百度 搜索 引擎 会 从 正常 打开 、 权 限 限 制 、 有 效 性 3 个 方面 判断 网 页 的 可 访问 性 ， 对 于 
可 以 正常 访问 的 网 页 ， 可 以 参与 正常 排序 ， 对 于 有 权限 限制 的 网 页 ， 再 通过 其 他 维度 对 其 
进行 观察 ， 对 于 失效 网 页 ， 会 降 权 其 展现 机 制 甚 至 从 数据 库 中 删除 。 

2. 网 页 差异 化 


搜索 引擎 喜欢 什么 样 的 内 容 ? 

下 面 是 Google 对 网 站 内 容 的 说 明 。 

向 访问 者 提供 他 们 要 查找 的 信息 ， 在 网 页 上 提供 高 品质 的 内 容 ， 尤 其 是 主页 。 这 是 你 
要 做 的 最 重要 的 工作 。 如 果 你 的 网 页 包含 有 用 的 信息 ， 其 内 容 就 可 以 吸引 许多 访问 者 ， 并 
使 网 站 管理 员 乐 于 链接 到 你 的 网 站 。 要 创建 实用 且 信息 丰富 的 网 站 ， 网 页 文字 应 清晰 、 准 
确 地 表述 要 传达 的 主题 。 想 一 想 ， 用 户 会 使 用 哪些 字 词 来 查找 你 的 网 页 ， 然 后 尽量 在 网 站 


286 


可 有 有 


第 11 章 电子 商务 网 站 的 推广 

上 使 用 这 些 字 词 。( 摘 录 自 Google 网 站 管理 员 帮 助 中 心 ) 

下 面 是 百度 对 网 站 内 容 的 说 明 。 

创造 属于 你 自己 的 独特 内 容 ， 百 度 更 喜欢 独特 的 原创 内 容 。 所 以 ， 如 果 你 的 站 点 内 容 
只 是 从 各 处 采集 复制 而 成 ， 很 可 能 不 会 被 百度 收录 。( 摘 录 自 百度 搜索 帮助 中 心 ) 

“内 容 为 王 ” 不 仅 是 网 站 运营 人 员 的 金 科 玉 律 ， 同 样 也 是 人 们 对 网 站 进行 SEO 优化 
的 指导 思想 。 网 站 的 发 展 靠 内 容 来 支撑 ， 原 创 文章 也 最 受 搜索 引擎 欢迎 。 一 个 网 站 随时 要 
有 新 鲜 和 充实 的 内 容 才 会 有 人 来 光顾 ， 对 搜索 引擎 而 言 也 是 如 此 。 而 且 ， 带 网 址 链接 的 原 
创 文 章 容易 被 文章 采集 器 抓 取 或 转载 ， 自 然 会 产生 更 多 优秀 的 外 部 链接 。 

网 站 内 容 差异 化 的 本 质 就 是 在 用 户 需 求 满足 前 提 下 突出 自己 的 个 性 服务 。 那 么 如 何 满 
足 用 户 需求 ? 要 做 到 内 容 差异 化 就 必须 要 足够 了 解 用 户 需求 ， 了 解 同行 的 网 站 ， 做 到 “人 
无 我 月， 人 有 我 优 ”。 

因为 各 行 各 样 的 用 户 需 求 是 不 一 样 的 ， 不 可 能 有 一 劳 永 逸 、 以 不 变 应 万 变 的 方法 。 例 
如 ， 通 过 数据 分 析 了 解 到 ， 消 费 者 对 产品 价格 和 质量 服务 有 需求 ， 而 同行 没有 满足 ， 如 果 
我 们 的 网 站 在 产品 页 中 详细 给 出 了 价格 表 和 质量 服务 ， 那 么 这 个 页 面 就 是 一 个 差异 化 产品 
页 。 虽 然 这 是 小 小 的 改变 , 但 却 很 巧妙 地 避免 了 产生 同 质 化 的 页 面 ， 而 且 满 足 了 用 户 需求 。 

因此 ， 要 实现 网 页 的 差异 化 ， 可 以 从 以 下 3 个 方面 考虑 。 

(1) 首先 ， 就 要 非常 清楚 地 了 解 网 站 的 优 劣 势 。 

小 ”了解 自 己 的 网 站 的 劣势 在 哪里 。 

小 ”找到 竞争 对 手 现 有 的 劣势 。 

小 ”把 竞争 对 手 的 缺点 变 成 我 们 的 优势 ， 并 进行 放大 。 

(2) 做 到 网 站 内 容 表现 形式 差异 化 

有 的 产品 ， 由 于 行业 自身 特点 ， 已 经 很 难 再 从 内 容 本 身 挖掘 出 新 的 东西 。 这 时 就 需要 
我 们 继续 转变 思维 ， 将 思路 继续 延伸 。 可 不 可 以 对 产品 使 用 的 感受 做 出 一 些 公 正 的 评论 
呢 ? 可 不 可 以 用 一 个 视频 对 于 这 个 产品 的 具体 使 用 方法 做 出 详细 的 介绍 呢 ? 

(3) 做 到 网 站 的 版 面 的 差异 化 

网 站 的 版 面 的 差异 化 主要 是 指 网 站 模板 的 差异 化 。 很 多 企业 采用 模板 建站 ， 如 果 采 用 
了 相同 的 模板 , 就 好 比 所 有 人 穿 了 相同 的 衣服 , 举 个 简单 的 例子 , 全 校 同学 都 穿 校服 上 学 ， 
而 你 却 穿着 自己 的 衣服 , 那 不 管 你 的 衣服 好 看 不 好 看 , 不 管 你 走 到 哪里 , 都 能 吸引 到 了 眼球。 


11.3.3 ”关键 词 优化 


1. 什么 是 关键 词 


关键 词 ( 即 Keywords)， 就 是 一 个 网 站 设 定 的 以 方便 用 户 通过 搜索 引擎 能 搜 到 本 网 站 
的 词汇 。 关 键 词 优化 是 网 站 SEO 必 不 可 缺 的 环节 ， 在 网 页 标题 、 网 页 摘要 描述 、 网 页 内 
容 正文 中 都 应 包含 关键 词 ， 并 且 保持 一 定 的 比例 ， 即 所 谓 “关键 词 相 关 性 及 关键 词 密度 ”。 


287 


电子 商务 网 站 建设 与 管理 (第 2 版 ) 
一 般 来 讲 ， 关 键 词 可 分 为 : 核心 关键 词 、 次 级 关键 词 和 一 些 长 尾 关键 词 。 网 站 优化 如 
果 能 综合 考虑 核心 关键 词 、 次 级 关键 词 和 一 些 长 尾 关键 词 运用 ， 会 得 到 很 好 的 优化 效果 。 
(1) 核心 关键 词 
核心 关键 词 指 经 过 关键 词 分 析 确定 下 来 的 网 站 “主打 ”关键 词 ， 通 俗 地 讲 是 指 网 站 产 
品 和 服务 的 目标 客户 可 能 用 来 搜索 的 关键 词 。 核 心 关键 词 具有 以 下 特征 。 
小 ”核心 关键 词 一 般 作为 网 站 首页 的 标题 。 
WP” 核心 关键 词 一 般 是 2 一 4 个 字 构 成 的 一 个 词 或 词组 ， 名 词 居多 。 
小 ”核心 关键 词 在 搜索 引擎 每 日 都 有 一 定数 目的 稳定 搜索 量 。 
”搜索 核心 关键 词 的 用 户 往往 对 网 站 的 产品 和 服务 有 需求 , 或 者 对 网 站 的 内 容 感 兴趣 。 
小 ”网 站 的 主要 内 容 围 绕 目标 关 键 词 。 
(2) 次 级 关键 词 
如 果 把 核心 关键 词 比 作 树 干 的 话 ， 那 么 次 级 关键 词 就 是 从 树干 部 衍生 出 来 的 树枝 ， 例 
如 “上 海地 铁 ”“ 北 京 地 铁 ”。 像 这 样 分 支出 来 相对 处 在 第 二 级 的 关键 词 往往 对 应 着 网 站 的 
各 级 栏目 。 
(3) 长 尾 关 键 词 
长 尾 词 可 以 比 作 树叶 ， 数 量 更 多 ， 意 思 更 细 。 例 如 “上 海地 铁路 线 图 ”。 长 尾 关键 词 
是 目标 关键 词 的 延伸 ， 其 特征 是 比较 长 ， 往 往 是 由 2 一 3 个 词组 成 ， 甚 至 是 短语 ， 存 在 于 
内 容 页 面 。 虽 然 长 尾 词 搜索 量 非 常 少 ， 并 且 不 稳定 ， 但 是 ， 长 尾 关 键 词 带 来 的 客户 ， 转 化 
为 网 站 产品 客户 的 概率 比 目 标 关键 词 高 很 多 。 且 由 于 网 站 上 可 设置 大 量 长 尾 关 键 词 ， 作 为 
大 中 型 网 站 来 讲 ， 由 长 尾 词 带 来 的 总 流量 还 是 非常 大 的 。 因 此 ， 根 据 用 户 搜索 习惯 ,挖掘 
更 多 数量 的 长 尾 关键 词 是 网 站 优化 工作 的 重要 组 成 部 分 。 注意, 长 尾 词 的 属性 是 可 延伸 性 、 
针对 性 强 、 范 围 广 。 
2， 关键 词 来 自用 户 的 需求 


用 户 购买 一 类 产品 ， 在 不 同 阶段 会 搜索 不 同 查询 需求 的 关键 词 。 

(1) 认 知 需求 

当 一 个 行业 还 没有 知名 品牌 的 时 候 ， 用 户 会 有 认 知 需求 。 他 们 会 去 搜索 一 些 这 个 行业 
最 基础 的 问题 。 以 阀门 行业 为 例 : 

”阀门 什么 牌子 好 ? 

”阀门 排行 榜 10 强 ? 

(2) 对 比 需求 

当 用 户 知道 有 了 某 个 品牌 的 阀门 时 ， 用 户 其 实 仍然 不 会 进行 购买 ， 因 为 这 个 毕竟 是 刚 
刚 听 说 的 品牌 ， 需 要 进一步 了 解 。 这 个 时 候 ， 用 户 的 搜索 需求 就 升级 为 对 比 需求 了 。 用 户 
会 搜索 的 关键 词 往往 会 是 : 

省“ 某 个 品牌 的 阀门 好 不 好 ? 
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” 某 个 品牌 的 阀门 安全 吗 ? 

省 “ 某 个 品牌 的 阀门 哪里 产 的 ? 

省“ 某 个 品牌 官方 网 站 。 

(3) 购买 需求 

当 用 户 搜索 完 一 遍 对 比 需求 的 关键 词 ， 基 本 上 就 坚定 了 购买 产品 的 信心 了 。 这 时 用 户 
的 搜索 就 会 再 次 升级 ， 成 为 购买 需求 。 用 户 会 搜索 的 关键 词 就 会 是 : 

省 “ 某 个 品牌 的 阀门 哪里 有 卖 ? 

首 “ 某 个 品牌 的 阀门 多 少 钱 ? 

省 “ 某 个 品牌 官方 网 站 。 

这 时 只 需要 提前 把 官方 网 站 做 好 ， 占 据 好 这 些 关键 词 的 流量 入 口 就 可 以 了 。 

(4) 服务 需求 

这 个 往往 是 很 多 人 忽略 的 环节 ， 总 觉得 用 户 购买 完了 ， 交 易 就 结束 了 。 其 实 ， 用 户 买 
了 产品 之 后 ， 往 往 还 会 有 很 多 不 明白 的 地 方 。 这 时 他 还 是 会 上 网 搜索 的 。 如 果 用 户 在 搜索 
这 些 需 求 时 ， 看 不 到 我 们 的 品牌 ， 那 么 品牌 影响 力 会 大 打折 扣 。 

用 户 搜 索 需 求 升级 为 服务 需求 之 后 ， 会 搜索 的 关键 词 就 会 是 : 

»” 阀门 联 锁 是 什么 回 事 ? 

”阀门 关 不 紧 怎么 办 ? 

这 些 关键 词 ， 如 果 可 以 用 官方 网 站 的 内 页 来 做 出 排名 ， 会 让 用 户 觉 得 很 贴心 ， 从 而 更 
加 信任 这 个 品牌 和 企业 。 从 以 上 4 种 用 户 需 求 也 可 以 看 出 ， 用 户 的 搜索 词 并 不 局 限于 我 们 
容易 想到 的 热门 关键 词 ， 用 户 的 搜索 词 是 五 花 八 门 的 ， 有 的 短 一 些 ， 有 的 长 一 些 ， 甚 至 有 
的 就 是 一 个 句子 。 

3 关键 词 的 选取 


选取 一 个 合理 的 关键 词 ， 掌 握 正 确 的 优化 技巧 ， 不 仅 影响 到 网 站 的 流量 ， 同 时 也 关系 
到 整个 优化 过 程 的 效率 。 

步骤 一 : 要 对 企业 网 站 类 型 进行 行业 定位 ， 选 择 客户 常用 的 关键 词 。 

因为 客户 是 关键 词 的 使 用 者 ， 所 以 ， 一 定 要 站 在 客户 的 角度 去 考虑 关键 词 ， 这 是 做 好 
关键 词 选择 的 第 一 步 。 例 如 作为 一 个 农贸 商 ， 它 可 能 选用 关键 词 “ 番 茄 ”， 而 客户 则 更 多 
用 的 是 “西红柿 ”。 错 误 的 关键 词 不 仅 浪费 了 人 力 时 间 ， 更 重要 的 是 让 企业 失去 了 很 多 潜 
在 客户 。 

步骤 二 :确定 网 站 所 属 行业 后 ， 细 分 关键 词 的 作用 ， 寻 找 有 效 流量 。 

排名 和 流量 不 是 目的 ， 有 效 流 量 的 转化 才 是 目的 。 假 设 某 地 中 小 学 英语 培训 机 构 对 外 
提供 中 小 学 英语 服务 ， 将 核心 关键 词 定 为 “中 小 学 英语 ”， 一 般 来 说 并 不 是 好 的 选择 。 因 
为 搜索 “中 小 学 英语 ”的 用 户 动 机 和 目的 是 什么 很 难 判定 。 用 户 有 可 能 是 在 寻找 中 小 学 英 
语 培训 服务 ， 但 也 可 能 是 在 寻找 中 小 学 英语 资料 ， 这 样 的 用 户 来 到 提供 中 小 学 英语 培训 服 
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务 的 网 站 就 没有 什么 机 会 转化 为 付费 客户 。 如 果 把 核心 关键 词 定 为 “北京 中 小 学 英语 培 
训 ” 则 购买 意向 或 者 说 商业 价值 更 高 ， 几 乎 可 以 肯定 这 个 用 户 是 在 寻找 特定 区 域 网 络 营 
销 服务 。 

对 于 生产 工业 品 的 企业 而 言 也 是 如 此 。 不 同 的 关键 词 有 不 同 的 商业 价值 ， 也 会 导致 不 
同 的 转化 率 。 例 如 搜索 “ 涡 街 流量 计 原 理 ” 的 用 户 购买 意图 比较 低 ， 搜 索 “ 涡 街 流量 计价 
格 ” 或 “ 涡 街 流量 计 报价 ”的 购买 意图 大 大 提高 ， 已 经 进入 产品 比较 选择 阶段 。 那 些 购买 
意图 强烈 商业 价值 高 的 关键 词 是 优化 时 最 先 考虑 的 因素 ， 无 论 内 容 规划 ， 还 是 内 部 链接 安 
排 ， 都 要 予以 重视 。 

步骤 三 : 利用 网 络 工具 筛选 ， 选 择 竞争 相对 较 小 搜索 次 数 相对 较 多 的 关键 词 。 

关键 词 竞争 是 否 激烈 可 从 热点 趋势 中 看 出 来 ， 一 般 每 日 搜索 超过 3 000 的 词语 就 可 理 
解 为 热门 关键 词 。 热 门 关键 词 的 特点 是 流量 大 ， 同 类 竞争 网 站 多 ， 优 化 的 难度 相对 较 大 。 

单纯 搜索 关键 词 返回 的 结果 中 包括 页 面 上 出 现 关键 词 ， 但 页 面 标题 中 没有 出 现 的 页 
面 ， 这 些 页 面 虽然 也 有 一 点 相关 性 ， 但 很 可 能 只 是 偶然 在 页 面 提 到 关键 词 而 已 ， 并 没有 针 
对 关键 词 优化 , 这 些 页 面 针 对 这 个 特定 关键 词 的 竞争 实力 很 低 , 在 做 优化 时 可 以 排除 在 外 。 
因此 ， 那 些 在 标题 中 出 现 关键 词 的 页 面 才 是 我 们 应 该 重视 的 对 手 。 

如 何 查看 哪些 页 面 标题 中 出 现 了 关键 词 呢 ? 方法 可 采用 intitle 指令 ， 如 图 11-9 所 示 。 


XY 
Bai 人 百度 新闻 网 Wi ia 道 音乐 图 上 视频 地 图 文库 更 多 


| intitle :球阀 


图 11-9 利用 intitle 指令 搜索 标题 中 出 现 关键 词 的 页 面 


很 显然 ， 最 好 的 关键 词 是 搜索 次 数 最 多 、 竞 争 程度 最 小 的 那些 词 。 但 是 ， 大 部 分 搜索 
次 数 较 多 的 关键 词 ， 也 是 竞争 大 的 词 ， 这 时 ， 就 需要 我 们 进行 大 量 细致 的 关键 词 挖掘 、 扩 
展 ， 列 出 搜索 次 数 及 竞争 程度 数据 ， 找 到 那些 搜索 次 数 相对 多 但 竞争 相对 小 的 关键 词 。 
4， 关 键 词 选取 工具 的 应 用 


利用 关键 词 工具 的 推荐 , 挖掘 相关 关键 词 , 能 发 现 很 多 自己 可 能 完全 不 会 去 搜索 的 词 ， 
但 却 实 实在 在 有 用 户 在 搜索 。 把 这 些 有 共通 性 或 明显 趋势 的 词 融入 到 官网 上 ， 是 发 现 新 机 
会 、 拓 展 内 容 来 源 的 好 方式 。 

(1) 百度 相关 搜索 

在 百度 搜索 框 中 输入 关键 词 “ 流 量 计 ” 下 面 就 会 有 相关 关键 词 出 现 , 如 图 11-10 所 示 。 

同时 ， 在 搜索 结果 的 最 下 面 也 有 相关 搜索 结果 出 现 ， 如 图 11-11 所 示 ， 这 和 上 面 提示 
的 下 拉 列 表 的 关键 词 有 一 部 分 是 一 致 的 。 

能 够 出 现在 这 些 地 方 的 关键 词 ， 用 户 的 搜索 量 是 比较 大 的 ， 都 是 一 些 核心 关键 词 扩展 
出 来 的 长 尾 关键 词 ， 企 业 可 以 有 针对 性 地 选择 更 为 精准 的 关键 词 ， 不 但 竞争 度 小 ， 而 且 针 
对 性 会 更 强 ， 也 更 符合 用 户 的 搜索 习惯 。 
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888 

i 和 百度 新闻 RM ia 音乐 图 上 视频 地 图 文库 更 多 
| 流 量 计 | 
流量 计算 
流量 计算 器 
流量 计 费 
流量 计算 公式 
电 太 流量 计 
涡 街 流量 计 
超声 波 流量 计 
孔 板 流量 计 
琉璃 转子 流量 计 


11-10 ”百度 相关 关键 词 


图 11-11 百度 相关 搜索 


(2) 使 用 百度 指数 

百度 指数 是 百度 工具 之 一 ， 用 来 反映 关键 词 在 过 去 30 天 内 的 网 络 曝光 率 及 用 户 关注 
度 。 是 以 百度 网 页 搜索 和 百度 新 闻 搜 索 为 基础 的 免费 海量 数据 分 析 服 务 ， 能 直接 、 客 观 地 
反映 社会 热点 、 网 民 的 兴趣 和 需求 。 如 果 某 一 关键 词 有 百度 指数 就 说 明 该 关键 词 在 百度 上 
有 一 定 的 搜索 量 ， 同 样 ， 指 数 越 高 说 明 搜索 量 越 大 。 如 果 根 本 就 没有 显示 指数 ， 就 说 明 该 
关键 词 搜索 量 过 小 。 

打开 http:/index.baidu.com/， 如 在 里 面 搜 “ 阀 门 ” 可 以 看 到 “阀门 ”关键 词 指数 平 均 
在 500 多 以 上 (如 图 11-12 所 示 )， 应 该 说 是 热门 关键 词 。 


. 竺 闻 ”网 页 贴吧 知道 
@， 
BaiG 指数 下 


Er 关 迹 词 : 出 站 - 
阀 | 通过 地 区 对 比 窜 未 加 时 履 关 衬 
i 


热点 趋势 加 


国门。 相关 直入 加 。 [到 站 
用 户 关注 度 : 加 。 1 周 合 +28H| 
提 仁 关注 度 : 回 


11-12 “阀门 ”的 用 户 关注 度 趋势 
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同样 在 下 面 可 以 看 到 关键 词 的 用 户 群 体 和 受众 年 龄 段 教育 程度 ,便于 对 阀门 市 场 的 准 
确 把 握 ， 如 图 11-13 所 示 。 


地 区 分 布 回 辕门 | 二 下 
城市 分 布 9 辣 站 
1 起 
高 2 控 
| 3 是 es 
三 一 
加 5 
刷 6 重 放 一 -一 
上 7 放 放 — 
所 这 指 和 元 
9 入 一 一 
in 者 让 = 
职业 分 布 学 历 分 布 
= 一 -一 ， 相 KRIL 
一 SR/3 一 大 村 
MB。 一 高 中 
建筑 一 加 中 
农林 /化 工 em 1 学 
电信 /网 络 一 : 


图 11-13 ”地 区 分 布 与 人 群 属性 


(3) 其 他 关键 词 工具 

如 果 企业 主要 是 面向 Google 搜索 引擎 的 优化 ， 可 以 尝试 使 用 Google 关键 词 工具 搜索 
https://adwords.google.com/select/KeywordToolExternal。 

其 他 还 有 : 百度 搜索 风云 榜 (http://top.baidu.com/ )、 搜 狗 指数 《http://www.sogou. 
com/top/)、 阿里 采购 排行 榜 (http://top.china.alibaba.com/)、 淘宝 排行 榜 (http://top.taobao.com/) 
等 也 可 用 来 分 析 关 键 词 。 

此 外 ， 还 可 以 使 用 专门 的 关键 词 挖掘 工具 软件 ， 如 金 花 SEO 关键 词 工具 、 飞 鲁 达 关 
键 词 工具 。 关 键 词 的 选取 需要 很 多 策略 和 技巧 ， 通 常 在 确定 产品 核心 关键 词 后 ， 还 要 利用 
关键 词 推 荐 工具 ， 结 合 产品 的 功能 、 质 地 、 地 域 、 型 号 、 品 牌 等 属性 词 进行 扩展 与 组 合 。 
这 样 得 到 的 关键 词 数 量 少 则 几 十 ， 多 则 成 百 上 千 ， 这 时 ， 我 们 就 要 站 在 客户 的 角度 精 挑 细 
选 了 。 

S， 关 键 词 分 配 


1) 关键 词 在 不 同 页 面 的 分 配 

经 过 核心 关键 词 的 确定 、 扩 展 与 筛选 ， 应 该 可 以 得 到 数 十 个 甚至 更 多 的 相关 关键 词 列 
表 。 显 然 ， 这 些 关 键 词 不 要 都 放 在 企业 官网 的 首页 上 ， 而 是 要 进行 合理 的 分 类 ， 然 后 将 这 
些 关键 词 安排 到 不 同 的 页 面 。 一 个 比较 合理 的 整 站 关键 词 布 局 类 似 于 金字 塔 形式 。 

小 首页: 核心 关键 词 ， 通 常 只 有 两 三 个 。 

上 “一 级 栏目 或 频道 页 : 次 一 级 关键 词 ， 意 义 最 相关 的 两 三 个 关键 词 放 在 一 起 ， 成 为 

一 个 二 级 类 的 目标 关键 词 。 
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内 容 页 : 分 布 长 尾 词 ， 放 在 具体 产品 (文章 、 新 闻 ) 页 面 。 最 好 是 每 个 内 容 页 分 
布 一 个 长 尾 词 。 


2) 页 面 内 部 title、keywords、description 的 写法 
(1) 首页 


» 


title: 首页 的 title 写法 比较 简单 ， 一 般 的 格式 是 “网 站 标题 -网 站 关键 词 ” 这 里 
的 关键 词 不 要 加 太 多 ， 和 keywords 中 加 的 一 样 最 佳 ， 首 页 关键 词 是 整个 网 站 核 
心 关键 词 。 

keywords: 首页 的 keywords 中 加 入 网 站 名 称 、 两 个 比较 重要 的 核心 关键 词 。 
description: 就 是 将 首页 的 标题 、 关 键 词 和 一 些 特殊 栏目 的 内 容 融 合 到 里 面 ， 写 
成 简单 的 介绍 形式 ， 不 要 只 写 关 键 词 ， 因 为 这 个 是 搜索 引擎 收录 首页 后 显示 出 来 
的 简介 ， 描 述 不 要 超过 100 个 字 ， 关 键 词 排名 越 靠 前 越 好 。 


(2) 栏目 页 


Ld 


Ld 


title : 一 般 在 栏目 页 title 的 写法 有 两 种 ， 如 果 你 的 栏目 页 按照 上 面 建议 的 用 关键 
词 名 称 命名 的 话 ， 可 以 是 “栏目 名 称 - 网 站 名 称 ” 但 如 果 你 不 是 按照 上 面 的 建议 
用 关键 词 命名 ，title 就 要 换 种 写法 了 ， 即 “栏目 名 称 栏目 关键 词 -网 站 名 称 ”， 
这 样 可 以 帮助 你 的 栏目 获 得 排名 。 

keywords: 栏目 的 keywords 可 以 将 其 栏目 下 所 有 分 类 列表 的 名 称 列 出 ， 加 上 栏 
目 关键 词 ， 一 般 写 法 是 “栏目 名 称 ， 栏 目 关键 词 ， 栏 目 分 类 列表 名 称 ” 这样 可 
以 帮助 搜索 引擎 更 好 地 分 辨 这 个 页 面 ， 从 而 让 你 在 同类 网 站 的 权重 中 取得 一 些 
优势 。 

description: 将 栏目 的 标题 、 关 键 词 、 分 类 列表 名 称 ， 尽 量 地 写 入 description 中 ， 
但 切忌 只 写 关 键 词 ， 建 议 尽 量 写 成 介绍 形式 。 


3) 分 类 列表 页 


» 


3 


» 


title: 只 需要 用 关键 词 为 这 个 栏目 起 名 ， 然 后 按照 “分 类 列表 页 名 称 -栏目 名 称 - 
网 站 名 称 ” 顺 序 填 写 即 可 。 

keywords: 将 栏目 中 的 主要 关键 词 写 入 ， 不 要 写 太 多 ，3 一 4 个 词 最 佳 。 
description: 只 需要 把 分 类 列表 的 标题 、 关 键 词 包含 在 里 面 ， 写 成 通顺 的 介绍 
即 可 。 


(1) 内 容 页 


» 


title: 内 容 页 的 title 写法 相对 简单 ， 一 般 有 3 种 写法 。 

> ”标题 加 网 站 名 称 ， 格 式 为 “内 容 标题 -网 站 名 称 ”。 

> 标题 加 栏目 名 称 ， 格 式 为 “内 容 标题 -栏目 名 称 ”。 这 里 如 果 是 加 栏目 名 称 ， 
一 般 栏 目 名 称 中 是 包含 关键 词 和 网 站 名 的 ， 如 网 易 的 资讯 内 页 中 包含 的 就 是 
内 容 标题 下 划 线 网 易 新 闻 中 心 。 

> ”标题 加 栏目 名 称 加 网 站 名 称 ， 这 种 标题 相对 复杂 化 ， 但 也 是 最 规范 的 写法 ， 
他 能 起 到 的 作用 是 给 访问 者 友好 的 提示 ， 告 诉 访问 者 这 是 哪些 内 容 ， 并 且 他 
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» 


种 


在 哪个 网 站 的 哪个 栏目 下 ， 一 般 写 法 是 “内 容 标题 -栏目 名 称 -网 站 名 称 ”。 
keywords: 仔细 总 结 所 发 布 的 文章 中 的 重要 内 容 ， 在 其 中 提取 关键 词 ， 这 些 关 键 
词 建议 是 选 一 些 内 容重 要 的 写 入 ， 也 可 以 提取 文章 中 出 现 的 比较 多 的 词 来 作为 关 
键 词 ， 这 里 的 关键 词 填写 仍然 是 3 一 4 个 最 佳 。 
description: 在 内 容 页 中 的 description 有 两 种 写法 。 
> ”标准 写法 ， 如 同 前 面 的 一 样 ， 将 文章 标题 、 文 章 中 的 重要 内 容 和 关键 词 全 部 

提取 出 来 写 一 个 对 这 个 内 容 页 的 简单 介绍 。 
> 可 以 考虑 将 文章 第 一 段 的 内 容 复 制 到 description 中 , 不 过 第 一 段 内 容 也 要 做 

一 定 的 模板 化 编写 。 


以 上 内 容 就 是 对 标准 的 网 站 tile、keywords、description 写法 的 一 些 建议 ， 要 注意 的 
是 标签 里 的 关键 词 并 不 在 多 ， 而 在 于 精 ， 把 一 大 堆 不 相关 的 关键 词 全 都 罗列 出 来 极 易 被 搜 
索引 擎 惩罚 。 

(2) 关键 词 的 分 布 。 


» 


ad 
Ld 
Ld 


可 如 


» 


11.3.4 


关键 词 应 该 出 现在 网 页 标题 标签 中 ， 即 <title>。 

在 网 页 导出 链接 的 链接 文字 中 包含 关键 词 。 

用 粗 体 显示 关键 词 〈 至 少 做 一 次 )。 

在 标签 中 提 及 该 关键 词 〈 关 于 如 何 运 用 head 标签 有 过 争论 ， 但 一 致 都 认为 hl 标 
签 比 h2、h3、h4 的 影响 效果 更 好 )。 

图 像 ALT 标签 可 以 放 入 关键 词 。 

文章 正文 中 要 包含 关键 词 ， 而 且 最 好 是 在 第 一 段 第 一 句 话 就 放 入 。 

在 <meta> 标 签 中 放 入 关键 词 。 


网 站 内 链 与 外 链 的 优化 


良好 的 内 链 策 略 与 外 链 策略 能 推动 网 站 的 排名 。 在 搜索 引擎 面前 ， 一 个 链接 就 代表 一 


张 投票 ， 


投票 。 


外 部 链接 就 是 网 站 之 间 的 互相 投票 ， 而 内 部 链接 则 代表 了 网 站 内 的 各 页 面 互相 


通过 大 量 而 适度 的 内 部 链接 来 支持 某 一 个 具体 页 面 ， 有 助 于 该 内 容 页 主题 的 集中 ， 促 
使 搜索 引擎 识别 出 哪些 页 面 在 你 的 网 站 中 是 重要 的 ， 进 而 推动 该 页 面 的 排名 。 因 此 在 搜索 
引擎 优化 的 过 程 中 ， 网 站 当中 哪些 网 页 参与 了 主要 关键 词 的 排名 竞争 ， 我 们 一 般 会 采取 重 
点 突出 主要 关键 词 的 内 部 链接 ， 从 而 使 该 主题 中 的 核心 关键 词 在 搜索 引擎 中 更 具有 排名 


优势 。 
1. 


内 链 的 优化 


内 链 ， 顾 名 思 义 就 是 在 同一 网 站 下 内 页 之 间 的 相互 链接 ， 也 称 之 为 站 内 链接 。 合 理 的 
网 站 内 链 构 造 , 就 是 让 整个 网 站 的 脉络 通畅 , 有 助 于 提高 搜索 引擎 对 网 站 的 爬行 索引 效率 ， 
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能 提高 搜索 引擎 的 收录 、 关 键 词 排名 与 网 站 权重 。 与 外 链 对 比 而 言 ， 内 链 可 以 在 自己 的 站 
上 进行 部 署 ， 不 像 外 链 的 不 可 控 性 比较 大 。 内 链 布局 需要 注意 需求 、 数 据 分 析 、 文 案 、 锚 
文本 。 

(1) 网 站 结构 优化 

网 站 结构 优化 包括 网 站 物理 结构 优化 以 及 网 站 逻辑 结构 优化 。 

网 站 物理 结构 优化 就 是 将 网 站 内 容 合理 分 类 ， 导 航 清 晰 。 网 站 物理 结构 优化 要 注意 的 
是 网 站 内 容 不 要 过 于 细 分 ， 过 于 细 分 网 站 内 容 会 导致 文件 夹 增 多 。 

小 型 企业 网 站 可 以 考虑 扁平 的 网 站 结构 ， 扁 平 的 网 站 结构 使 分 类 页 和 内 容 页 离 网 站 根 
目录 更 近 。 例 如 : 

www.yourlink.com/pageA.html 

www.yourlink.com/pageB.html 

www.yourlink.com/pageC.html 


网 站 中 所 有 的 页 面 都 是 在 根 目录 这 一 级 别 ， 形 成 一 个 扁平 的 物理 结构 。 这 比较 适合 于 
小 型 的 网 站 ， 因 为 如 果 太 多 文件 都 放 在 根 目录 下 的 话 ， 制 作 和 维护 起 来 比较 麻烦 。 但 从 网 
站 多 辑 结构 来 说 ， 扁 平 的 网 站 结构 无 须 刻意 布局 链接 即 可 达到 优化 效果 。 

对 于 大 中 型 企业 大 型 站 点 ， 网 站 可 考虑 采用 树 状 网 站 结构 ， 例 如 : 

http://www.yourlink.com/catl1/ 

http://www.yourlink.com/cat2/ 

http://www.yourlink.com/cat3/ 

在 频道 下 再 放 入 具体 的 内 容 网 页 : 

http://www.yourlink.com/catl/pageA.html 

http://www.yourlink.com/catl/pageB.html 

http://www.yourlink.com/catl/pageC.html 

树 形 结构 就 是 在 一 级 目录 下 分 为 多 个 频道 或 者 称 为 目录 ,然后 目录 下 面 再 放 上 属于 这 
个 频道 的 页 面 。 首 页 、 频 道 首页 、 频 道 下 的 内 容 就 好 比 树干 、 树 枝 、 树 叶 的 关系 。 

网 站 结构 的 优化 主要 是 逻辑 结构 优化 。 网 站 逻辑 结构 优化 是 指 将 网 站 链接 指向 优化 ， 
一 般 来 讲 ， 为 方便 搜索 引擎 的 收录 ， 网 站 链接 要 具有 以 下 特点 。 

小 ”首页 的 链接 指向 频道 或 分 类 页 。 
首页 一 般 不 直接 链 向 内 容 页 ， 除 非 想 推 这 些 内 容 页 。 
频道 或 分 类 页 链 向 其 他 频道 或 分 类 页 。 
频道 或 分 类 页 链 回首 页 。 
频道 或 分 类 页 链 向 属于 自己 的 内 容 页 ， 但 不 链 向 其 他 频道 或 分 类 的 内 容 页 。 


可 有 可 如 
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沙 ” 所 有 内 容 页 都 链 回 自己 的 频道 或 分 类 页 。 
沙 ” 所 有 内 容 页 都 链 向 网 站 首页 。 
(2) 内 链 布局 
除了 各 类 网 页 主体 内 容 部 分 自然 的 内 链 外 ， 还 可 以 在 主体 内 容 的 周围 及 主体 内 容 中 布 
局 内 链 。 例 如 文章 左右 及 下 方 的 相关 文章 和 推荐 文章 ， 文 章 内 部 的 锚 文 本 链接 等 ， 如 


11-14 所 示 。 
| 浏览 ; 的 . 
配 线 柜 的 安装 图 纸 说 明 北京 母线 柱 的 价格 北京 电气 厂 告诉 你 配 电 柜 送 电 前 的 
工 字 钢 支 柱 沿 梁 去 装 二 母线 糖 的 鼠 胀 单元 (伸缩 节 ) 的 用 斋 集 绽 六 母线 柱 的 特点 
决定 母线 柱 接 头 论 双 头 经 栓 的 力 短 电线 桥架 的 其 它 安装 要 求 母线 柱 去 装 的 要 求 


相关 资讯 


。 北 京 母 线 柱 电 家 质量 好 ? 
，。 中 联 母 线 梓 厂 家 介绍 

，。 北 京 母 线 杠 厂 家 于 家 好 甩 
，。 和 母线 柱 的 验收 标准 介绍 


图 11-14 某 页 面 内 链 布局 


小 ”文章 底部 的 相关 文章 。 文 章 底部 的 相关 文章 不 建议 做 太 多 太 杂 ，4 篇 最 好 ，8 篇 
为 上 限 。 推 荐 的 文章 要 根据 关键 词 匹配 原则 ， 例 如 , 《长 尾 关 键 词 怎么 做 》 一 文 
的 相关 文章 肯定 是 有 关 长 尾 关键 词 的 ， 也 可 以 按照 用 户 的 阅读 前 后 次 序 推荐 ， 例 
如 , 《一 只 羊 一 年 挣 多 少 钱 》 一 文 的 推荐 文章 可 以 是 一 只 羊 一 年 需要 多 少 成 本 ， 
看 了 利润 的 人 可 能 会 对 成 本 比较 感 兴趣 。 
”推荐 浏览 过 此 产品 的 人 还 浏览 过 的 文章 。 如 技术 问答 、 价 格 信 息 等 ， 引 导 用 户 浏 
览 ， 从 而 节省 用 户 时 间 ， 形 成 成 交 。 这 样 做 链接 推荐 的 好 处 可 以 降低 跳出 率 ， 相 
互 的 链接 网 页 还 可 提升 内 页 的 权重 ， 推 荐 时 最 好 根据 重要 性 排序 。 
(3) 网 站 地 图 
网 站 地 图 ， 又 称 站 点 地 图 ， 它 就 是 一 个 页 面 ， 上 面 放置 了 网 站 上 需要 搜索 引擎 抓 取 的 
所 有 页 面 的 链接 ， 搜 索引 擎 蜘蛛 非常 喜欢 网 站 地 图 。 想 要 让 搜索 引擎 蜘蛛 在 你 的 网 站 停留 
更 多 的 时 间 ， 就 要 让 站 点 变 得 更 有 吸引 力 。 这 时 就 需要 建 一 份 网 站 地 图 ， 有 了 地 图 ,“ 蜂 
蛛 ” 就 可 以 在 网 站 多 停留 些 时 间 ， 从 而 提高 网 站 的 收录 量 。 
2. 外 链 的 建设 


在 学 术 界 ， 一 篇 论文 被 引用 得 越 多 ， 说 明 其 越 好 ， 学 术 价值 就 越 高 。 类 似 地 ， 超 链 分 
析 技 术 就 是 通过 分 析 链 接 网 站 的 多 少 来 评价 被 链接 的 网 站 的 质量 ， 这 保证 了 用 户 在 使 用 搜 
索引 擎 搜索 时 ， 越 受用 户 欢 迎 的 内 容 排 名 越 靠 前 。 因 此 ， 获 得 大 量 高 质量 的 外 链 〈 也 叫 导 
入 链接 ) 对 网 站 排名 至 关 重 要 。 我 们 说 网 站 即使 没有 向 搜索 引擎 提交 ， 但 由 于 其 他 重要 网 
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站 上 有 你 的 网 站 链接 ， 一 样 可 以 获得 搜索 引擎 的 快速 抓 取 ， 并 为 取得 好 排名 加 分 。 

是 不 是 外 链 越 多 就 一 定 越 好 呢 ? 当然 不 是 ， 上 百 个 质量 低劣 或 内 容 毫 不 相干 的 外 链 可 
能 抵 不 上 一 个 高 质量 内 容 相关 的 站 点 的 链接 。 那 么 ， 如 何 判断 一 个 指向 自己 站 点 网 页 的 链 
接 是 否 有 价值 呢 ? 一 般 来 说 ， 影 响 链接 的 因素 有 网 页 级 别 、 信 息 更 新 的 频率 和 内 容 的 相关 
性 。 高 质量 的 外 链 主要 包括 以 下 几 点 。 

省“ 搜索 引擎 目录 中 的 链接 。 
主题 相关 或 互补 的 网 站 。 
PR 值 不 低 于 4 的 网 站 。 
流量 大 、 知 名 度 高 、 频 繁 更 新 的 重要 网 站 ， 具 有 很 少 导 出 链接 的 网 站 。 
以 你 的 关键 词 在 搜索 结果 中 排名 前 3 页 的 网 站 。 

省 “内容 质量 高 的 网 站 。 

把 以 上 外 链 的 原理 搞 清楚 以 后 ， 就 可 以 尝试 为 企业 网 站 做 外 链 了 。 常 用 的 方法 包括 以 
下 几 种 。 

(1) 主动 寻找 内 容 相 关 的 网 站 做 友情 链接 

在 一 些 网 站 下 方 经 常 可 以 看 到 “友情 链接 ”列表 ， 罗 列 着 各 种 网 站 的 LOGO 或 者 文字 
名 称 ， 这 就 是 常见 的 网 站 交换 链接 。 通 常 是 资源 优势 互补 的 网 站 之 间 的 一 种 合作 形式 ， 即 
分 别 在 自己 的 网 站 上 放置 对 方 网 站 的 LOGO 图 片 或 文字 的 网 站 名 称 , 并 设置 对 方 网 站 的 超 
链接 ， 使 得 用 户 可 以 从 合作 网 站 中 发 现 自己 的 网 站 ， 达 到 互相 推广 的 目的 。 

选择 网 站 做 友情 链接 的 标准 一 般 是 内 容 相关 、 百 度 收录 数量 及 PR 值 相当 。 如 图 11-15 
所 示 为 某 企 业 网 站 的 友情 链接 。 


邓 邓 也 


图 11-15 某 企 业 网 站 的 友情 链接 


(2) 利用 博客 加 链接 
很 多 博客 平台 如 新 浪 博客 ， 可 以 通过 自 定义 列表 模块 来 实现 ， 操 作 简单 ， 如 图 11-16 
所 示 。 


设置 模块 > 管理 自 定义 模块 > 自 定义 列表 模块 x 
度 情 棋 接 +( 必 十 ) 

腑 入 名 称 ( 必 填 ) http:// 同和 扬 Ea 

. 河北 宏 业 公司 [编辑 ] [ 员 除 ] 会 及 


流量 计 驻 车 加 热 器 系 国 


图 11-16 新 浪 博 客 自 定义 列表 添加 友情 链接 
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博文 或 日 志文 章 内 也 可 通过 发 软文 加 入 外 链 , 基本 要 求 内 容 要 原创 , 与 企业 业务 相关 ， 
但 不 要 直接 做 广告 ， 而 是 要 以 吸引 网 民 形 式 体现 企业 文化 、 企 业 理 念 等 。 
(3) 论坛 发 贴 、 网 站 留言 


可 发 外 链 论 坛 具体 可 分 为 两 种 。 

”可 设置 带 外 链 的 个 性 签名 ， 正 文 内 可 发 带 外 链 的 文本 ， 如 图 11-17 所 示 。 
[销售 ] 2012 销 售 感悟 一 一 充满 热情 姻 王 N; 关 
四 发 表 于 2013-1-27 19.54:17 | 只 看 该 作者 | 倒序 浏览 楼 主 昌 


图 加 四 加 园田 


2012 年 皮 眼 过 去 了 ， 我 从 模具 技术 工作 转行 做 销售 工作 也 1 年 了 我 可 以 说 是 混乱 
的 一 年 ， 摸 索 适 合 我 的 道路 的 一 年 。 年 初 接触 了 一 家 直销 公司 ， 耗 了 至 负债 累累 。 


J 


0 L 七 便 应 酬 ， 工 作 事业 之 


带 小 孩 的 一 个 80 后 。 我 认为 这 就 是 我 要 学 习 的 榜样 。 袍 
好 了 ， 不 再 讲 我 的 故事 了 ,说 到 正题 。 刚 一 个 人 在 路 上 睹 走 突然 感悟 的 一 点 销售 心得 ,也 可 
以 说 是 人 生体 会 。 


11-17 ”论坛 帖子 正文 内 发 外 链 
小 不 可 设置 带 外 链 的 个 性 签名 ， 但 正文 内 可 发 带 外 链 的 文本 ， 如 图 11-18 所 示 。 


回 串 个 门 从 加 好 友 1CNAT 


JRE 
合 打 招呼 国 发 消息 深圳 路 | 顺 通 交 通 设施 有 限 公司 httpywww-rstiss.com 


图 11-18 论坛 签名 发 外 链 


由 于 不 是 所 有 论坛 可 以 发 外 链 ， 因 此 ， 寻 找 那些 可 发 外 链 的 论坛 就 比较 重要 。 最 好 的 
方法 就 是 观察 做 得 好 的 竞争 对 手 ， 通 过 站 长 工具 分 析 竞争 对 手 的 网 站 有 哪些 论坛 外 链 构 
成 ， 然 后 在 该 论坛 注册 账号 、 发 外 链 。 

(4) 百科 类 网 站 、 文 库 类 、 问 答 类 网 站 中 留 外 链 

当然 ， 要 注意 链接 到 的 网 站 与 词汇 在 内 容 上 是 相关 的 ， 回 答 的 问题 也 一 定 要 本 着 为 用 
户 解决 问题 的 态度 ,来 认真 回答 问题 ,并 在 问题 中 合适 的 地 方 留 下 链接 ， 如 图 11-19 所 示 。 

(5) 发 布 软文 获得 外 链 

高 质量 软文 需要 一 些 精力 和 关系 。 当 你 发 一 篇 软文 到 门户 的 频道 ， 文 章 里 带 有 链接 ， 
那么 这 样 的 门户 比 起 发 10 篇 论坛 外 链 强 得 多 ， 且 也 是 在 这 个 行业 内 品牌 的 提升 。 如 果 文 
章 比较 好 ， 很 多 人 会 帮 你 转发 ， 可 以 达到 一 个 很 好 的 推广 效果 。 
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百度 知道 > 电脑 /网 络 


园 国产 的 涡 街 流量 计 有 哪些 品牌 ， 价 格 不 要 太 高 ， 质 量 要 好 .请 专家 推荐 一 下 ， 谢 同 由 
谢 ! 
提问 者 : 信 喧 2012 | 来 自 手机 知道 国 浊 蜗 次 数 : 36 次 检举 | 2013-01-11 13:10 


我 们 用 量 比较 大 啊 ! 


风 asas 

热心 网 友 2013-01-11 15:05 
中 航 工 业 安吉 去 业 (天 大 浅 发 中 心 开发 的 流量 仪表 比较 好 ， 该 产品 对 涡 衔 流量 计 的 技术 进行 了 升级 ， 信 
号 处 理 方式 由 原来 的 模拟 信号 处 理 改 为 了 数字 信号 处 理 ， 是 可 靠 性 、 稳 定性 更 好 、 测 量 精 度 更 高 、 量 


参考 资料 : http /www qjy168 .com/shoplshow_provide_39791841_4494862 html 


图 11-19 ”百度 知道 内 留 外 链 


11.4 ”网 站 流量 数据 统计 与 分 析 


网 站 的 推广 和 SEO 的 优化 都 会 提高 网 站 的 访问 流量 ， 可 是 如 何 才 能 知道 网 站 的 访问 
流量 呢 ? 如 何 分 析 用 户 的 来 源 、 地 区 分 布 ， 是 哪些 关键 字 或 是 哪 种 推广 策略 发 挥 了 作用 
呢 ? 如 果 能 解决 以 上 问题 ， 可 有 效 帮助 我 们 分 析 企业 目标 客户 群 ， 及 时 掌握 网 站 推广 的 效 
果 ， 减少 盲目 性 ， 从 而 更 好 地 实现 网 站 的 推广 和 企业 的 营销 目标 。 


11.4.1 网 站 流量 统计 简介 


1. 什么 是 网 站 流量 统计 与 分 析 


通常 说 的 网 站 流量 (Traffic〉 是 指 网 站 的 访问 量 ， 是 用 来 描述 访问 一 个 网 站 的 用 户 数 
量 以 及 用 户 所 浏览 的 网 页 数量 等 指标 ， 常 用 的 统计 指标 包括 网 站 的 独立 用 户 数量 、 总 用 户 
数量 〈 含 重复 访问 者 )、 网 页 浏览 数量 、 每 个 用 户 的 页 面 浏览 数量 、 用 户 在 网 站 的 平均 停 
留 时 间 等 。 

网 站 流量 统计 分 析 , 是 指 在 获得 网 站 访问 量 基本 数据 的 情况 下 , 对 有 关 数 据 进行 统计 、 
分 析 ， 以 了 解 网 站 当前 的 访问 效果 和 访问 用 户 行为 ， 并 发 现 当前 网 络 营销 活动 中 存在 的 问 
题 ， 并 为 进一步 修正 或 重新 制订 网 络 营销 策略 提供 依据 。 

2， 网 站 流量 指标 


网 站 访问 统计 分 析 的 基础 是 获取 网 站 流量 的 基本 数据 ， 这 些 数据 大 致 可 以 分 为 3 类 ， 
每 类 包含 若干 数量 的 统计 指标 。 

(1) 网 站 流量 指标 。 网 站 流量 统计 指标 常用 来 对 网 站 效果 进行 评价 ， 主 要 指标 包括 
以 下 方面 。 
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”独立 访问 者 数量 (Unique Visitors ) 。 
”重复 访问 者 数量 (Repeat Visitors)。 
”页 面 浏 览 数 (Page Views)。 
”每 个 访问 者 的 页 面 浏 览 数 (Page Views Per User)。 
省 “ 某 些 具体 文件 、 页 面 的 统计 指标 ， 如 页 面 显示 次 数 、 文 件 下 载 次 数 等 。 
(2) 用 户 行为 指标 。 用 户 行为 指标 主要 反映 用 户 是 如 何 来 到 网 站 的 、 在 网 站 上 停留 
了 多 长 时 间 、 访 问 了 哪些 页 面 等 ， 主 要 的 统计 指标 包括 以 下 方面 。 
”用 户 在 网 站 的 停留 时 间 。 
”用 户 来 源 网 站 (也 叫 “ 引 导 网 站 ”)。 
”用 户 所 使 用 的 搜索 引擎 及 其 关键 词 。 
”在 不 同时 段 的 用 户 访问 量 情况 等 。 
(3) 用 户 浏 览 网 站 的 方式 。 用 户 浏览 网 站 的 方式 相关 统计 指标 主要 包括 以 下 方面 。 
”用 户 上 网 设备 类 型 。 
”用 户 浏览 器 的 名 称 和 版 本 。 
”访问 者 电脑 分 辨 率 显示 模式 。 
”用 户 所 使 用 的 操作 系统 名 称 和 版 本 。 
”用 户 所 在 地 理 区 域 分 布 状况 等 。 
kK 


常见 流量 统计 系统 介绍 


(1) 百度 统计 。 百 度 统计 是 百度 推出 的 一 款 专业 网 站 流量 分 析 工 具 ， 能 够 告诉 你 访 
客 是 如 何 找到 并 浏览 你 的 网 站 ， 以 及 如 何 改善 访客 在 你 网 站 上 的 使 用 体验 ， 帮 助 你 让 更 多 
的 访客 成 为 客户 ， 不 断 提升 网 站 的 投资 回报 率 。 

百度 统计 提供 了 几 十 种 图 形 化 报告 ， 全 程 跟踪 访客 的 行为 路 径 ， 并 且 帮 助 监控 各 种 网 
络 媒介 推广 效果 ， 让 你 及 时 了 解 哪些 关键 词 、 哪 些 创意 的 效果 最 好 。 基 于 百度 强大 的 技术 
实力 ， 百 度 统 计 提 供 了 丰富 的 数据 指标 ， 系 统 稳定 ， 功 能 强大 但 操作 简易 。 登 录 系 统 后 按 
照 系 统 说 明 完 成 代码 添加 ， 百 度 统计 便 可 马上 收集 数据 ， 为 你 提高 投资 回报 率 提供 决策 
依据 。 

(2) CNZZ 站 长 统计 。 由 国际 著名 风险 投资 商 IDG 投资 的 网 络 技术 服务 公司 ， 是 中 
国 互联 网 目前 最 有 影响 力 的 免费 流量 统计 技术 服务 提供 商 ， 专 注 于 为 互联 网 各 类 站 点 提供 
专业 、 权 威 、 独 立 的 第 三 方 数据 统计 分 析 。CNZZ 网 站 首页 如 图 11-20 所 示 。 

同时 ，CNZZ 拥有 全 球 领先 的 互联 网 数据 采集 、 统 计 和 挖掘 3 大 技术 ， 专 业 从 事 互 联 
网 数据 监测 、 统 计 分 析 的 技术 研究 、 产 品 开发 和 应 用 ， 这 也 是 笔者 所 使 用 的 统计 工具 ， 感 
觉 用 起 来 比较 不 错 。 

(3) 51.la 统计 服务 。51.la 统计 可 以 说 是 国内 最 经 典 的 统计 服务 。 它 的 功能 是 所 有 统 
计 服 务 中 比较 丰富 的 ， 甚 至 不 是 很 重要 的 屏幕 颜色 和 屏幕 分 辨 率 都 可 以 查 到 。 不 过 比较 实 
用 的 功能 还 是 关键 词 分 析 功 能 ， 可 以 通过 这 一 功能 了 解 到 访客 是 通过 搜索 哪些 关键 词 找 到 
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了 你 的 网 站 。 
CNZZ 数据 专家 


主 对 用 户 1895270 人: 实 计 站 点 3262739 宗 统计 演示 马上 注册 
汪 天 160 万 网站 使 用 C42z， 已 统计 芋 50 亿 P7， 一 所 要么 90% 上 网 用 产 ai 


| 业 skseit | 次 ait 二 Drsit QQ ho 


C827 引 长 统计 27: 计 CHZ2 铺 准 厂 二 D822 数据 中 心 


申请 步 名 ”注册 成 为 CHZ7 会 呈 ”一 > ”登录 获取 代码 ”一 > 加载 代码 ”一 > 。” 红 计 数据 


11-20 ”CNZZ 网 站 首页 


另外 ， 网 站 排名 、SEO 数据 分 析 等 对 于 了 解 网 站 的 概况 也 很 有 用 处 。 

51.1a 的 缺点 就 是 有 少数 时 间 会 对 页 面 载 入 速度 有 一 定 的 影响 , 毕竟 它 要 统计 的 功能 太 
多 了 。 此 外 ，51.la 的 统计 代码 为 了 保证 绝对 有 效 ， 连 客户 端 不 支持 JavaScript 的 情况 都 考 
虑 到 了 。 

4. 流量 统计 系统 的 安装 

在 流量 统计 系统 中 ， 百 度 统计 以 其 强大 的 功能 和 免费 的 服务 赢得 了 众多 用 户 ， 下 面 以 
该 系统 为 例 ， 介 绍 流量 统计 系统 的 使 用 方法 和 步骤 。 

(1) 进入 百度 统计 《http://tongji.baidu.com) 进行 注册 ， 添 加 用 户 名 、 密 码 、 邮 箱 及 
要 统计 的 站 点 网 址 与 所 在 行业 ， 如 图 11-21 所 示 。 


用 户 名 : 。 czsy2013 


EL 
重复 密码 : eeeeeeee 
邮箱 : jzz69@163 com 


网 站 : 。 httpW/www hbhongye com 


图 11-21 百度 统计 注册 
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(2) 登录 获取 代码 ， 如 图 11-22 所 示 。 


网 站 列表 | 
Ls hbhongye.com 代码 获取 ( 趟 直 手工 未 n 人 间 ? 立刻 _ 扩 安装 
EE 日 | 访问 分 析 代码 [请 将 代码 添加 至 网 站 全 村 符 前 。 查看 示例 查看 建站 工具 中 的 安装 方法 ) 
代码 获取 
代码 安装 检查 <script type="text/javascript"> ea 
eR var bdhmProtocol = (("https:" 一 document.location.protocol) 3 " 
代码 自动 安装 https://" : " http://"); 写 
document .write (unescape ("®3Cscript src='" + bdhmProtocol 


网 站 统计 设置 日 + "hm.baidu.com/h.jss3F91bed0a7c466434cfa5ccdc984e67ed5， 
type='text/javascript '®3Es3C/scripts3E")); 入 
统计 规则 设置 a 


子 目录 管理 [复权 | 


图 11-22 ”获取 代码 页 面 


(3) 加 载 代码 。 
单 击 【 复 制 代码 】 按 钮 后 ， 将 其 粘贴 到 目标 网 页 的 结尾 部 分 ， 即 你 要 跟踪 的 每 个 网 页 
标记 </body> 之 前 ， 如 图 11-23 所 示 。 


<!IDOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 

<HEAD> 

<TITLE> New Document </TITLE> 

<META NAME= Keywords”CONTENT=”> 

<META NAME="Description”CONTENT= ”> 

</HEAD> 


<BODY> 
您 的 网 站 内 容 


Javascnipt > 
ar ee = ((https:”== document.location.protocol) ? ” https://™ ; * http://"); 
Hocument.write(unescape(“%3Cscript src=" + _bdhmpProtocol + 
"hm.baidu.com/h.js%3F1fd30e24-8e39-0e75-50e7-da4c920a735d' 


pe='text/javascript'%3E%3C/script%3E")); 


SC 访问 分 析 代码 


图 11-23 “加载 代码 页 面 


也 可 采用 一 键 安装 ， 方 法 是 单 击 右上 角 的 【立刻 一 键 安装 】 打开 一 键 安装 对 话 框 ， 
如 图 11-24 所 示 ， 此 时 仅 需 输入 FTP 信息 ， 即 可 将 百度 统计 代码 自动 安装 到 网 站 。 


网 站 hbhongye.com 自动 安装 代码 查看 完整 代码 。 恢复 备份 


FTP 地 址 用 户 名 密码 展开 高 级 选项 
EE: 


11-24 ”通过 一 键 安 装 自动 安装 代码 


(4) 统计 数据 。 
登录 后 ， 进 入 百度 统计 ， 单 击 左 侧 分 析 导 航 列表 ， 即 可 查看 该 站 点 相关 统计 数据 ， 如 
图 11-25 所 示 。 
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90 3 
Bai 统计 


网 站 概况 
趋势 分 析 日 
ER 和 天 名 ,对 用 户 访 j 表 扩 基 法 优化 ， 调 整 可 能 水 示 据 让 动 但 更 攻 于 用 户 真实 的 访问 情史。 点 击 查 看 详情 
今日 统 上 量 沪 宫 数 [U I 跳 率 
昨日 纺 计 人 日 25,340 5,301 4,876 69.04% 
最 近 307 昨日 63,280 13.497 12411 7178% 
来 源 分 折 一 预计 今日 596954 11.4384 104304 四 
全 部 来 源 Ey 
搜索 引擎 
搜索 词 
外 部 贿 接 a 
由 内 来 源 rew 人 天 ”昨天 【323 Rif 
页 西 分析 可 图 浏 点 里 (PY) © 访 雁 数 (UY) @ IP 数 、@ 跳出 车 、@ 平均 访 ja 长 ”加 转化 因数 
愉 访 内 面 
域名 new Ee 下 一， 
口 页 面 
页 面 点 击 图 
而 
访客 分 析 日 
地 域 分 布 BE 
i 


图 11-25 ”查看 该 站 点 统计 数据 页 面 
通过 百度 统计 的 数据 分 析 ， 可 以 随时 知道 企业 网 站 的 被 访问 情况 ， 如 每 天 多 少 人 看 了 
哪些 网 页 ， 搜 索 关 键 词 带 来 的 搜索 次 数 、 新 访客 的 来 源 是 哪里 ， 用 户 的 忠诚 度 如 何 、 网 站 
的 用 户 分 布 在 什么 地 区 等 非常 有 价值 的 信息 数据 。 根 据 统 计 ， 可 以 一 目 了 然 地 及 时 知道 自 
己 网 站 的 访问 情况 ， 从 而 及 时 调整 自己 的 页 面 内 容 、 推 广 方式 。 


11.4.2 ”网 站 流量 统计 分 析 


网 站 统计 与 分 析 是 指 在 获得 网 站 访问 量 等 基本 数据 情况 下 ， 分 析 网 站 数据 ， 从 中 发 现 
访客 访问 网 站 的 规律 和 特点 ， 并 将 这 些 规律 与 网 络 营销 策略 等 相 结 合 ， 从 而 发 现 目前 网 络 
营销 活动 和 运营 中 可 能 存在 的 问题 和 机 遇 ， 并 为 进一步 修正 或 重新 制定 策略 提供 依据 。 

1.， 网 站 统计 与 分 析 的 意义 


网 站 分 析 需 要 对 站 内 站 外 一 系列 数据 的 统计 、 分 析 和 验证 来 指导 网 站 监控 流量 、 吸 引 
流量 、 保留 流量 , 并 利用 流量 完成 转化 等 目标 , 带 来 的 实际 收益 与 意义 主要 包括 以 下 几 点 。 

(1) 监控 网 站 运营 状态 

网 站 分 析 最 基本 的 应 用 就 是 监控 网 站 的 运营 状态 。 收 集 网 站 日 常 产 生 的 各 类 数据 ， 包 
括 浏览 和 访客 数据 等 ， 并 通过 统计 这 些 数据 生成 网 站 分 析 报 表 ， 对 网 站 的 运营 状态 进行 系 
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统 的 展现 。 从 浏览 数据 的 变化 趋势 ， 到 比较 新 老 用 户 比 率 等 ， 数 据 帮助 运营 者 从 多 角度 观 
察 网 站 的 状况 是 否 良好 。 
(2) 提升 网 站 推广 效果 
常见 网 站 推广 方式 主要 包括 SEO、SEM 和 广告 投放 推广 。SEO 分 析 主 要 是 分 析 网 站 
在 各 搜索 引擎 的 搜索 词 排名 和 点 击 ， 以 及 网 站 在 搜索 引擎 的 收录 、 排 名 和 展现 情况 。SEM 
分 析 是 通过 了 解 从 搜索 引擎 商业 推广 结果 页 导入 的 流量 后 续 表现 ， 进 而 调整 网 页 在 搜索 结 
果 页 上 的 排名 ， 针 对 搜索 引擎 用 户 展开 营销 活动 。 另 外 ， 网 站 分 析 可 以 定制 化 地 细 分 来 源 
和 访客 ， 从 而 进行 有 针对 性 的 广告 推广 营销 。 
(3) 优化 网 站 结构 和 体验 
通过 分 析 网 站 的 转化 路 径 ， 定 位 访客 流失 环节 ， 有 针对 地 查 漏 补缺 ， 后 续 通 过 热力 图 
等 工具 有 效 地 分 析 点 击 分 布 和 细 分 点 击 属性 ， 摸 清 访客 的 常规 行为 和 人 口 学 属性 ， 提 升 网 
站 吸引 力 和 易 用 性 。 
2， 搜 索引 擎 流量 分 析 


有 一 些 问 题 ， 是 网 站 运营 与 维护 人 员 必 须 关 注 的 。 

”搜索 引擎 收录 页 面 的 准确 值 是 多 少 ? 

小 ” 辛 辛 苦 苦 做 SEO 的 效果 具体 如 何 呢 ? 又 怎么 改进 ? 

小 ”购买 的 许多 推广 链接 流量 ， 哪 些 才 是 “ 链 ” 有 所 值 的 ? 

做 网 站 的 首要 目的 就 是 要 引入 流量 ， 那 么 流量 是 从 哪里 来 的 ? 

从 站 外 进入 的 流量 来 源 可 以 分 为 3 种 : 搜索 引擎 、 外 部 链接 、 直 接 访问 ， 那 么 ， 流 量 
来 源 到 底 是 哪里 ， 各 自流 量 的 数量 和 质量 又 怎样 呢 ? 

下 面 以 百度 统计 为 例 ， 了解 搜索 引擎 作为 一 个 来 源 在 总 来 源流 量 中 的 情况 ， 并 做 趋势 
分 析 。 

在 百度 统计 中 的 【全 部 来 源 】 中 了 解 全 流量 占 比 ， 如 图 11-26 所 示 。 


全 部 来 源 图 (2011-07-09~2011-08-07) 
指标 [IP 数 国 j ( 景 多 可 迁 1 项 ) 


外 部 链接 


260 Sw 和 盖 、 i 


195| 全 来 
搜索 引擎 VA AAA 人 | 下 


130 中 
直接 访问 65|- 调 四 全 小 二 小 小 -人 


325[ 一 I 1 司 回 芭 去 豆 T PN 
| 
回忆! 


他 他 便便 玉 本 


07-11 07-16 07-21 07-26 07-31 08-05 /月 -日 
2011 年 


图 11-26 搜索 引擎 作为 一 个 来 源 在 总 来 源流 量 占 比 


在 【搜索 引擎 】 报 告 中 查看 细 分 流量 ， 有 针对 性 地 分 析 某 个 或 者 某 几 个 搜索 引擎 的 表 
现 (如 图 11-27 所 示 ): 了 解 不 同 搜索 引擎 给 网 站 带 来 的 流量 情况 。 根 据 各 搜索 引擎 给 网 站 
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带 来 的 流量 数据 ， 可 以 及 时 了 解 到 哪 种 搜索 引擎 能 够 给 网 站 带 来 更 多 访客 ， 以 及 哪 种 搜索 
引擎 带 来 的 访客 更 关注 网 站 的 内 容 ， 后 续 可 以 将 更 多 推广 预算 或 者 SEO 资源 分 配 到 能 
给 网 站 带 来 更 多 访客 且 访客 关注 度 更 高 的 搜索 引擎 ; 对 于 带 来 较 少 访客 或 者 访客 关注 度 不 
高 的 搜索 引擎 ， 可 以 结合 业务 背景 进一步 分 析 原 因 ， 并 不 断 提高 这 些 搜索 引擎 带 来 的 流量 
及 流量 质量 ， 以 避免 言 目地 降低 推广 预算 或 者 SEO 资源 导致 潜在 访客 的 流失 。 


搜索 引擎 数据 表 (2011-07-09~2011-08-07) 


转化 目标 | 全部- _ 国 


总 计 沙洲 县 (P 访问 次 数 访客 数 (UV) 新 访客 比率 IP 数 EEE3 
20,232 3,803 3,065 67.50% 3,100 47.04% 
浏览 县 (PV) 加 。 访问 次 数 回 * 访客 数 (UV) 四 。 ”新 沪 塞 比率 四 。 IP 数 回 。 舟 出 蛮 回 


CE 15.618 2769 2.239 6507% 2.263 44.24% 


| 2.686 518 69.50% 516 58.23% 
965 115 8174% 123 41.61% 


图 11-27 几 个 搜索 引擎 的 流量 占 比 
3， 搜 索 词 流量 分 析 


仅 分 析 到 搜索 引擎 是 不 够 的 ， 需 要 细 化 到 搜索 引擎 下 面 的 搜索 词 带 来 流量 的 表现 。 在 
【搜索 词 】 报 告 中 给 出 了 百度 、 谷 歌 、 搜 搜 等 及 其 他 搜索 引擎 之 和 4 部 分 的 比例 数据 ， 首 
先 详 细 了 解 搜索 词 在 各 引擎 中 的 比重 ; 同时 注意 占 比 给 出 了 各 个 搜索 词 占 所 有 搜索 词 的 访 
次 比重 〈 理 解 为 通过 搜索 引擎 带 来 了 多 少 访客 的 比率 )， 可 以 了 解 该 搜索 词 对 网 站 流量 的 
影响 比重 ， 由 于 做 SEO 的 精力 和 资源 都 是 有 限 的 ， 所 以 后 续 操 作 要 更 有 重点 。 另 外 根据 
需要 还 可 以 点 击 列 头 总 搜索 次 数 、 百 度 、 谷 歌 、 搜 索 下 方 带 有 下 划 线 的 数字 ， 进 入 查看 搜 
索 词 的 其 他 数据 表现 ， 如 图 11-28 所 示 。 


搜索 词 ( 分 搜索 引擎 ) 数据 表 (2011-07-17~2011-08-15) ， 埋 看 搜索 词 的 全 部 指标 
搜索 说: | | [EE 


挫 幸 词 总 搜索 次 数 回 * 百度 Google 浴 梁 其 它 占 比 加 


1 smt 指 | 词 渤 加 474 78.06% 11.81% 127% 99% 17.69% 
2 smti@ 坛 指 词类 图 454 82.82% 9.47% 4.19% 4% 16.94% 
3 SMT 指 | 词 持 图 390 75.13% 13.59% 0.77% 11% 14.55% 


图 11-28 ” 几 个 搜索 词 的 流量 占 比 


那么 已 经 细 分 到 了 搜索 词 的 分 析 ， 这 个 词 除 了 带 来 的 PV、UYV 等 指标 来 衡量 ， 还 有 哪 
些 参 考 呢 ? 在 百度 统计 中 提供 了 每 个 搜索 词 的 百度 指数 ， 百 度 指数 是 以 百度 网 页 搜索 和 百 
度 新 闻 搜索 为 基础 的 免费 海量 数据 分 析 服 务 ， 以 图 形 的 方式 让 大 家 掌握 第 一 手 的 搜索 词 趋 
势 信息 。 

除了 网 站 现 有 的 搜索 词 ， 还 需要 了 解 其 他 热门 搜索 词 ， 热 门 搜索 词 帮 助 大 家 了 解 用 户 
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的 搜索 习惯 ， 通 过 更 多 词 优化 网 站 收录 。 在 百度 统计 中 点 击 搜索 词 〈 分 搜索 引擎 ) 报告 搜 
索 词 右 侧 的 “ 词 ”图 标 来 查看 到 与 该 词 最 相关 的 10 个 热门 搜索 词 ， 搜索 词 后 的 条 形 图 表 
示 这 个 词 的 热门 程度 ， 如 图 11-29 所 示 。 


搜索 词 (分 搜索 引擎 ) 数据 表 (2011-07-17~2011-08-15) ”过 看 控 泰 词 的 全 部 指标 
搜索 词 : | | [下 询 
总 计 总 按 素 次 数 二 度 Google 接手 其 它 占 比 
2.680 了 71.64% 17.01% 2.87% 8.47% 100% 
次 索 洒 总 搜索 次 数 回 + 百度 Google 搜 交 其 它 占 比 
1 smt 二 国 ] 到 474 78.06% 11.81% 127% 9% 17.69% 
2 ”smt 论 坛 指 司 | 与 smt 相关 的 热门 搜索 词 有 : 国 关闭 
3 SMT 所 出 | 序号 ”六 索 词 热门 程度 
4 SMT 论 坛 蚤 而 ”1 ”sm 芝 家 -一 
一 
5 smtsite 酒 曾 2 smtoI 
- 3 smts700 -一 -一 一 
6 Smti 坛 网 指 词 4 sm 是 什 么 意思 
7 ”smtsite com 指 词 5 smt 设 备 和 
8 歌 乐 东方 助 埋 剂 揭 间 | 6 smt 贴 片 Ce 
9 SsMTSITE 揭 阐 7 ”sm 后 对 一 -一 
一 一 
10 “SMT 论坛 网 末末。 sm 网 
9 ”smt 贴 片 机 一 一 一 一 一 
11 wwwsmtsie com 摘 国 | 10 mt Ce 
12 sm 辽 家 指 间 | -一 i a pe 


图 11-29 搜索 词 的 条 形 图 表 


最 后 了 解 了 这 些 搜索 词 的 情况 ， 建 议 还 要 回 到 这 个 搜索 词 被 点 击 的 场景 下 观察 ， 更 容 
易 让 我 们 了 解 网 民 为 什么 点 击 或 者 不 点 击 这 个 搜索 词 ， 在 SEO 方面 可 以 对 应 到 展现 的 层 
面 , 例如 出 现 的 title 是 不 是 比较 吸引 点 击 。 在 百度 统计 中 的 搜索 词 报告 中 , 点 击 搜索 词 (分 
搜索 引擎 ) 报告 搜索 词 右 侧 的 “ 链 ” 图 标 ， 既 可 查看 搜索 来 路 URL， 即 一 个 搜索 词 在 搜索 
引擎 中 的 原始 搜索 页 面 〈 点 击 链接 查看 )， 还 可 以 知道 这 是 在 第 几 页 的 搜索 结果 ， 快 速 了 
解 用 户 搜索 情境 做 出 判断 。 


4 入口 页 优化 


入 口 页， 又 称 着 陆 页 ， 是 从 外 部 (访客 点 击 站 外 广告 、 搜 索 结 果 页 链接 或 者 其 他 网 站 
上 的 链接 ) 访问 到 网 站 的 第 一 个 入 口 ， 即 每 个 访问 的 第 一 个 受 访 页 面 。 这 部 分 页 面 对 访 客 
后 续 的 访问 行为 影响 很 大 ， 甚 至 是 决定 性 的 。 因此， 我 们 需要 找 出 对 访客 最 有 吸引 力 的 入 
口 页 ， 或 者 优化 当前 入 口 页 ， 使 其 更 有 吸引 力 。 

在 百度 统计 中 有 对 应 的 【访问 入 口 】 报 告 ， 此 报告 可 以 帮助 分 析 和 优化 入 口 页 面 ， 如 
图 11-30 所 示 。 

从 访问 入 口 报告 中 可 以 得 到 吸引 力 相 关 数 据 ， 跳 出 率 、 平 均 访 问 时 长 、 平 均 访问 页 等 
数据 ， 那 么 ， 又 如 何 做 入 口 页 优化 呢 ? 
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访问 入 口 = 一 许 盏 
下 3 天。 so 天 Bit0808 GD sma 


访问 入 口 图 (2011-08-08) 
指标 [IP 数 上 (最 多 可 运 1 项 ) 


8% 画 htpJwwwsmisie comoldsmtsieindexphp 。 总 iP 数 : 213 。 占 比 : 68% 
35 A 
28| 
21 | 
9% 14 | 
7 
68% 0 上 wu 人 sw yd/d 革 -直人 wy oo 
012345678 910 12 14 16 18 20 22 谍 
访问 入 口 数据 表 (2011-08-08) 播 标 概 笑 | 演 星 分 析 |。 新 沪 客 分 析 ”级 引力 分 析 。 转化 分 析 ”从 丘 定义 指标 
以 下 三 个 指标 才 您 分 析 流量 最 多 的 入 口 页 : 层 开 提示 
EURL [ES 转化 目标 [全 部 回 
总 计 漠 览 量 (PV) 访客 数 (UV) IP 数 
3,493 321 311 
URL 浏览 最 (PY) 四 + 访客 数 (UY) 四 IF 数 回 
1 http/Wwww.smitsite com/oldsmitsitefindex php 加 2.523 221 213 
2 http/Wwww smtsite comoldsmtsiteforumorum php?boar 加 484 30 29 


图 11-30 ”访问 入 口 统计 报告 


首先 ， 在 优化 手段 上 入 口 页 面 设计 和 内 容 很 大 程度 上 影响 访客 是 不 是 选择 进一步 的 浏 
览 ， 或 者 怎么 样 浏览 。 建 议 提高 网 站 信用 度 ， 网 站 信用 度 指 用 户 给 予 你 网 站 的 信任 程度 。 
用 户 对 网 站 的 信任 度 是 用 户 在 网 站 上 进行 活动 的 基础 。 建 议 做 到 以 下 几 点 。 

小 ”页面 美观 、 整 洁 。 

沁 ”介绍 和 口号 让 访客 可 以 很 容易 了 解 网 站 背景 。 

小 ”详细 的 网 站 介绍 、 联 系 方式 ， 方 便 用 户 联系 网 站 经 营 者 。 

小 ”用户 评论 、 顾 客 反馈 等 信息 ， 让 老 用 户 影响 新 用 户 。 

小 ”注重 强化 网 站 的 品牌 ， 逐 步 建 立 并 发 挥 品 牌 效应 。 

网 站 的 目标 在 于 保持 老 用 户 , 拓展 新 用 户 , 所 以 要 保持 老 用 户 数量 稳定 增长 的 前 提 下 ， 
提升 新 用 户 的 所 占 比例 。 引 入 流量 到 入 口 页 的 来 源 当然 要 好 好 优化 : 要 注意 哪个 入 口 页 来 
的 流量 中 新 访客 比较 多 , 找到 新 访客 多 的 原因 , 并 且 把 先进 的 经 验 推广 到 其 他 的 推广 来 源 。 
例如 访问 入 口 页 面 A 的 广告 a 带 来 的 新 访客 数量 很 大 ， 那 就 需要 进一步 看 原因 了 ， 分 析 清 
楚 后 指导 全 站 的 推广 工作 。 

其 次 ,广告 和 入 口 页 内 容 要 匹配 好 ， 不 建议 内 容 差 距 太 大 ， 和 否则 访客 不 会 后 续 访 问 太 
多 , 甚至 可 能 认为 这 不 是 他 们 想 要 的 而 离开 。 例 如 在 广告 中 出 现 的 图 片 是 “耐克 鞋 大 促销 ”， 
进入 网 站 第 一 个 页 面 却 展示 了 过 多 产品 ， 甚 至 令 人 眼花 练 乱 的 产品 库 首页 ， 对 访客 找到 他 
心仪 的 耐克 鞋 造成 了 很 大 困难 。 这 种 情况 在 指标 上 的 表现 就 是 跳出 率 会 很 高 ， 平 均 访问 时 
长 短 ， 平 均 访问 页 数 少 。 
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5S， 退 出 页 分 析 


退出 页 是 在 本 网 站 访问 的 终点 页 面 ， 其 中 退出 页 次 数 这 个 指标 帮助 站 长 了 解 访客 在 本 
网 站 这 次 访问 的 终点 在 哪些 页 面 (退出 页 )， 此 数 越 高 越 说 明 你 需要 了 解 访客 在 该 页 面 离 
开 的 原因 。 另外 有 退出 率 这 个 指标 值得 关注 : 退出 率 为 该 页 面 的 退出 次 数 /该 页 面 的 PV 数 。 
例如 一 个 访客 通过 搜索 引擎 进入 一 个 电子 商务 网 站 ， 历 经 登录 成 功 页 面 、 产 品 库 页 面 、 购 
物 车 页 面 、 付 费 成 功 页 面 ， 整 个 的 购买 结束 离开 网 站 ， 只 是 对 于 最 后 的 付款 成 功 页 面 来 说 
这 是 一 次 退出 ， 但 对 这 个 访 次 历经 的 其 他 页 面 来 说 并 没有 退出 。 所 以 退出 率 大 小 一 般 直接 
说 明 每 个 页 面 的 内 容 质 量 的 好 坏 。 注 意 区 别 “ 跳 出 率 ”( 又 称 跳 失 率 : 用 户 浏览 第 一 个 页 
面 就 离开 的 访问 次 数 占 该 入 口 总 访问 次 数 的 比例 。 所 以 跳出 率 的 大 小 一 般 只 能 说 明 网 站 入 
口 页 的 质量 )。 

受 访 页 面 的 PV 高 说 明 被 访问 的 多 , 退出 率 则 直接 说 明了 每 个 页 面 的 内 容 质量 的 高 低 。 
如 果 一 个 页 面 的 退出 率 很 高 ， 有 两 种 可 能 性 : 访客 对 页 面 不 感 兴趣 ， 没 有 再 点 击 页面 上 的 
其 他 链接 ， 直 接 关 闭 了 浏览 器 窗口 结束 了 访 次 。 另 外 的 可 能 就 是 页 面 上 没有 链接 〈 或 是 链 
接 很 少 )， 这 种 情况 出 现 的 可 能 很 小 。 所 以 如 果 某 个 受 访 页 面 的 退出 率 高 ， 那 么 该 页 面 质 
量 有 待 提 高 ， 需 要 找到 离开 的 具体 原因 并 改正 。 

6， 转 化 来 源 分 析 


广义 来 说 ， 转 化 相应 的 行动 可 以 是 用 户 登 录 、 用 户 注 册 、 用 户 订阅 、 用 户 下 载 、 用 户 
购买 等 一 系列 用 户 行为 ， 在 实际 监控 中 可 以 分 为 两 种 ， 页面 转化 目标 和 事件 转化 目标 。 

页 面 转化 目标 是 指 某 个 页 面 作为 转化 目标 ， 访 客 到 该 指定 页 面 后 即 为 转化 成 功 ， 例 如 
访客 到 达 了 最 后 的 购买 成 功 页 面 。 

事件 转化 目标 是 相对 页 面目 标 而 言 的 ， 指 网 页 内 部 的 某 个 可 以 点 击 的 元 素 ， 如 链接 、 按 钮 
等 。 访 客 触发 了 指定 的 元 素 后 即 为 转化 成 功 ， 如 访客 单 击 了 【抢购 】 按 钮 ， 如 图 11-31 所 示 。 


一 个 转化 的 实例 


把 提 科 米 苏 99 宣 传 页 面 设置 为 页 
上 面 转化 目标 , 百度 统计 就 能 告诉 
您 有 多 少 人 看 了 这 个 页 面 。 


Dn Ms 把 点 击 沦 购 按钮 设置 为 事件 转化 
目标 , 百度 统计 就 能 告 折 你 有 多 
少 人 点 击 这 个 按钮 . 


4 


您 就 能 知道 有 多 少 人 对 提 拉 米 苏 
恒信 顾 兴 二 ,多少 人 产生 了 购买 
意向 ， 这 种 购买 意向 都 可 以 看 作 
转化 . 


图 11-31 一 个 转化 的 实例 页 面 
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在 百度 统计 中 可 以 分 别 在 后 台 设置 “页 面 转化 目标 ”和 “事件 转化 目标 ”。 
如 图 11-32 所 示 ， 搜 索引 擎 、 搜 索 词 、 外 部 链接 、 地 域 等 各 个 报告 可 以 对 比 相应 维度 
上 的 转化 情况 。 


全 部 来 源 图 (2011-07-14~2011-08-12) 
播 标 - | 转化 次 数目 E( 号 多 可 运 1 项 ) 


外 部 社 接 醒 直 接 访问 。 总 转化 次 数 : 42 。 占 比 :53% 


8 

站 A 
搜索 引擎 直接 访问 4 Q 只 9 

2 Wb2” 

0 


Moo Yh ooo0000000 
07-16 07-21 07-26 07-31 08-05 08-10 肯 - 日 
2011 年 
全 部 来 源 数 据 表 (2011-07-14~2011-08-12) 
总 计 湖 沪 量 (PY 访客 数 (UV 
135,027 11,260 
来 源 炎 型 济 谢 最 PV) 加 + 访 宫 狐 (UV) 加 

1 ”直接 访问 入 回 115,175 7.456 
2 ，” 搜 雪 3 车 入 四 15.384 2.469 
3 ”外 部 米 接 入 加 4.468 1335 
当 页 汇总 135,027 11,260 


11-32 ”转化 来 源 分 析 报 告 


从 上 述 案 例 数据 比较 看 出 “搜索 引擎 ”的 转化 率 最 高 ， 说 明 从 搜索 引擎 成 为 注册 用 户 
〈 指 定 的 转化 目标 ) 的 可 能 性 更 高 。 因 此 ， 通 过 此 方式 即 可 看 出 每 个 流量 来 源 的 转化 量 和 
转化 率 ， 由 此 控制 平均 转化 成 本 。 
作为 电子 商务 类 网 站 更 是 要 注意 转化 路 径流 程 的 流失 情况 ， 以 下 为 常见 的 分 析 和 优化 
方法 。 
(1) 填写 的 表单 或 购物 车 ， 不 要 让 访客 烦心 
小 ”表单 长 度 不 要 太 长 ， 避 免 过 于 复杂 的 表单 及 苗 刻 的 必 填 字段 等 ， 访 客 耐心 都 是 有 
限 的 。 
小 ”购物 车 的 形式 要 简单 ， 访 客 把 商品 都 添加 到 购物 车 就 离 成 单 不 远 了 ， 所 以 建议 要 
监控 进入 购物 车 流程 却 没有 购买 的 访客 放弃 率 。 
(2) 每 个 环节 内 容 要 帮助 访客 完成 转化 
”标题 和 内 容颜 色 、 大 小 、 字 体 等 醒目 ， 提 醒 访客 当前 进度 和 购买 的 产品 。 
”每 个 环节 都 使 用 醒目 的 链接 或 者 按键 ,告诉 访客 需要 怎么 做 才能 进入 下 一 步 直 至 
转化 成 功 。 
”访客 无 法 转化 成 功 时 要 提示 其 可 以 开始 进入 其 他 的 转化 流程 ,如 A 货 卖 完了 , 推 
荐 相关 的 B 货 , 而 且 要 注意 B 货 是 有 库存 的 , 不然 可 能 访客 反而 会 再 次 站 外 检索 


309 


电子 商务 网 站 建设 与 管理 (第 2 版 ) 

而 到 竞争 对 手 的 网 站 购买 。 

(3) 转化 的 内 容 及 促销 手段 
小 ”产品 图 片 要 吸引 用 户 眼 球 ， 优 秀 的 图 片 能 增加 客户 购买 的 冲动 与 欲望 。 


小 ”文字 号 召 要 有 吸引 力 ， 内 容 上 开展 促销 活动 ， 例 如 即刻 购买 获得 100 元 代金 券 。 


(4) 转化 页 面 的 可 信和 度 ， 此 点 可 以 用 热力 图 来 检测 效果 
小 ”页面 要 有 权威 见证 ， 例 如 产品 都 是 原装 正品 ， 能 得 到 某 机 构 质量 保证 等 。 


小 ”页面 要 有 案例 研究 ， 例 如 案例 中 使 用 产品 后 得 到 了 显著 的 提升 ， 并 给 出 证 明 。 


小 ”页面 要 有 成 功 客户 评论 ， 例 如 菜 些 有 知名 度 的 用 户 使 用 后 的 正面 评价 等 。 


TO gs5 


一 、 简 答题 


.如 何 将 网 站 注册 到 搜索 引擎 ? 

. 什么 是 网 站 的 推广 ? 网 站 的 推广 方式 有 哪些 ? 

.如 何 判断 友情 链接 的 质量 ? 

什么 是 SEO 优化 ? SEO 优化 的 因素 主要 有 哪些 ? 

.SEO 优化 时 ， 如 何 进行 关键 词 的 设置 ? 
.什么 是 高 质量 的 外 链 ? 说 一 说 制作 外 链 的 途径 有 哪 几 种 。 
二 、 选 择 题 

1. 网 站 的 流量 中 PV 是 指 〈 入 


Cn 上 mmPBD 一 


A. 访问 总 量 B. 独立 访客 C. 每 日 独立 全数 。” D. 页 面 访问 量 


2. 以 下 ( ”) 不 是 流量 统计 的 内 容 。 


A. 访问 量 B. 访问 时 段 C. 页 面 热点 统计 D. 更 新 频率 
3. 站 长 统计 是 一 种 〈 

A. 网 站 流量 统计 工具 B. 网 站 广告 工具 

C. 网 站 维护 工具 D. 以 上 都 不 对 
4. 以 下 ( ) 不 是 搜索 引擎 的 组 成 部 分 。 

A. 信息 搜集 B. 信息 整理 C. 流量 统计 D. 用 户 查询 
5. 网 页 中 关键 字 的 部 署 基本 原则 是 : 主 关键 字 可 能 在 网 页 中 出 现 〈 ) 次 。 
A. 1 至 2 B. 3 至 4 C. 5 至 6 D. 7 至 8 

6. 以 下 ) 不 属于 搜索 引擎 网 站 。 
A. 百度 (Baidu.com) B. 谷歌 (Google.com) 
C. 雅虎 (Yahoo.com) D. 淘宝 (taobao.com) 


7. SEO 是 指 〈 )。 
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A. 搜索 引擎 优化 B. 站 点 流量 统计 
C. 搜索 机 制 D. 搜索 引擎 营销 
8. 网 站 优化 时 ， 关 键 词 最 应 出 现在 (  )。 
A. 网 页 标题 标签 中 ， 即 <tile> 中 ”B. 网 页 外 链 的 链接 文字 中 包含 关键 词 
C. META 标签 中 提 及 该 关键 词 D. 图 像 ALT 标签 放 入 关键 词 


入 jin 


一 、 实 训 目 的 


1. 了 解 电子 商务 网 站 的 推广 方式 。 

2. 掌握 CNZZ 流量 统计 的 使 用 方法 和 步骤 。 
3. 学 会 常用 的 SEO 方法 和 手段 。 

二 、 实 训 内 容 


1. CNZZ 流量 统计 的 使 用 。 

(1) 访问 CNZZ 网 站 并 进行 注册 。 

(2) 登录 获取 代码 。 

(3) 将 选 好 的 统计 代码 粘贴 到 自己 网 站 的 页 面 源 码 中 。 

(4) 登录 后 ， 进 入 站 点 列表 页 ， 单 击 【 查 看 统计 报表 】 按 钮 ， 查 看 站 点 统计 数据 。 
2， 从 网 上 查找 百度 网 站 推广 及 搜索 竞价 排名 的 相关 内 容 和 价格 。 

3. 通过 网 络 收集 长 尾 关键 词 的 拓展 方法 、 关 键 词 应 该 满足 的 几 个 基本 条 件 。 

4. 为 某 具 体 的 企业 网 站 制作 一 推广 方案 ， 并 尝试 对 该 网 站 进行 SEO 优化 。 
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